客人,你好。 为了使jqdct (零度基点)能够快速理解H5,为了使jqdct能够从零开始,制作能够看到并学习知识点的文档。 从今天开始持续写小知识点的文章。 从页面结构开始吧。
网页配置
网页由结构(页面的结构部分html )、表现(网页的样式css )、行为)网页要实现的交互功能js )构成。简单地说,html是我们制作的机器人。css让他穿衣服js是给予行走、下棋等行为;
好的,今天我们来谈谈HTML部分:
向下钻取到HTML
HTML是超文本标记语言(英语) Hyper Text Markup Language )万维网的描述语言。
可以将标签(标签)写入HTML。 介绍一般标记的语法。
HTML标记语法:
1、普通标志(双标志) :
标记名称
2、空标(复杂的小懒虫) :
注:标记有两种形式。 分别称为复杂的小懒汉和双号,或空号和普通号;
HTML公用标签
1、文本标题
语法:
说明:
其中可以选择1-6;
文本标题(h1-h6 ) )。
一级标题(唯一,每页只出现一次)二级标题.
6级标题2、字体、字符实体
语法|
说明:倾斜标记
语法|
说明:加粗标记
语法:
说明:下划线标记
语法:
说明:用于设置字体换行符的空标记
语法:
说明:用作水平线的天空标记
语法:
说明:标识段落的段落标志符。 段落和段落之间有段落间隔
什么是字符实体:
在HTML文档中写入特殊字符,
要使用“〈〉”、“〉”、“”、“”等特殊代码,
浏览器用HTML命令翻译这些特殊代码。
要在网页中输入特殊字符,必须在HTML代码中添加开头字符的组合或开头数字。
常见的是:
不换行的空间
右尖括号
左尖括号
正在申报图标
3、常用元素
语法:
说明:
标签可以将文档拆分为独立的不同部分。 它可以用作严格的组织工具,并且可以在不使用格式的情况下进行关联。 如果用id或class标记
那个标签的作用会更有效。 语法:
说明:
语法:
说明:文本节点可以是短文本,也可以是单词
4、清单的适用
HTML包含三种类型的列表:
无序列表(ul )。
语法:
列表项目内容列表项目内容列表项目内容……
有序列表(ol ) )
列表项目内容列表项目内容列表项目内容……
自定义列表(dl )。
名词的解释.
5、超链接和图片
超级链接
语法:
文本/图像链接
插入图像
6、表格元素
)1)表格语法
语法:
说明:
一对tr表示一行; 一对td表示一列(一个kydhm )
)2)表格的相关属性
width='表格宽度'
height='表格高度'
border='表边框'
bordercolor='边框颜色'
cellspacing='kydhm和kydhm之间的间隔'
cellpadding='kydhm和内容之间的差距'
align=“表格对齐”值: leftrightcenter
valign='垂直对齐'的值: topbottommiddle
colspan=要合并的kydhm列数
rowspan=“要合并的kydhm行数”
7、表单要素
(1)表格栏位
语法:
说明:
获取用于从服务器获取数据,开机自检用于将数据传递给服务器。 出于安全考虑,建议使用开机自检提交数据
)2)窗体控件
文本框:
密码框:
发送按钮:
重置按钮:
单箱:
复选框:
禁用='禁用' :禁用
checked='checked' :默认情况下处于选中状态
按钮:
(3)下拉菜单
语法:
下拉选项1
下拉选项2。
)4)多行文本框
语法:
说明:使用rows和cols属性设置文本输入窗口的高度和宽度(以字符为单位)。
今天常用的标签在这里介绍;