语法及常用标记(html)
展开全部
1.常规标记/双标记
<标记 属性="属性值" 属性="属性值"></标记>
2. 空标记/单标记
<标记 属性="属性值"/>
说明:写在<>中的第一个单词叫做标记,标签,元素名。
标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号(" ")内。
一个标记可以没有属性值也可以有多个属性,属性和属性之间不分先后顺序。
空标记没有单独的结束标签,用斜杠("/")代替。
1.文本标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
…
<h6>六级标题</h6>
2.水平线
<hr/>空标记
3.段落
<p>段落文本内容</p>
4.强制换行
<br/>是一个空标记
5.空格
<>
---所占位置没有一个确定的值,这与当前字号字体都有关系。
6.加粗
<b>加粗内容</b>-----样式标签
<strong>加粗内容</strong>表示该文本比较重要,提醒读者/终端注意表示强调
7.倾斜标记
<em> </em>---语义标签
<i> </i>样式标签
8.
区别:
<strong><em>逻辑字体格式化标签.表示 强调 .默认效果是通过字体加粗/倾斜来表示语义强调.而<b><i>标签就是字体加粗/倾斜标签,没有语意强调的意思,一般称为物理(无意义)字体格式化标签。
语意强调作用的<strong><em>比<b><i>更容易引起搜索引擎的注意,但是如果只是为了加粗样式,建议在css样式表里实现。
9.
扩展 HTML和XHTML的语法区别
XHTML,要求标签正确嵌套
XHTML,所有标签必须关闭
XHTML,区分大小写
XHTML属性值,要用双引号
XHTML,用id属性代替,name属性
XHTML,特殊字符的处< >
10.列表(ul,ol,dl)
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表.
无序列表
<ul>--unorderList
<li>列表项内容</li>
….. …..
</ul>
有序列表
<ol>--orderList
<li>列表项内容</li>
<li>列表项内容</li>
….. …..
</ol>
自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
11.
12.
13.表格
数据表格的相关属性
1 ) width="表格的宽度"
2) height=“表格的高度”
3) border=“表格的边框”
4) bordercolor="表格边框颜色"
5 ) bgcolor="表格的背景色”
6) cellspacing=“单元格与单元格之间的间距”
7 ) cellpadding=“单元格与内容之间的空隙”
8)水平对齐方式: align="left/center/right";
垂直对齐方式: valign="top/middle/bottom”;
注:垂直对其方式在td,tr上使用
表格跨行和跨列
colspan=“所要合并的单元格的列数”横向合并;
rowspan=“所要合并的单元格的行数”纵向合并;
<标记 属性="属性值" 属性="属性值"></标记>
2. 空标记/单标记
<标记 属性="属性值"/>
说明:写在<>中的第一个单词叫做标记,标签,元素名。
标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号(" ")内。
一个标记可以没有属性值也可以有多个属性,属性和属性之间不分先后顺序。
空标记没有单独的结束标签,用斜杠("/")代替。
1.文本标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
…
<h6>六级标题</h6>
2.水平线
<hr/>空标记
3.段落
<p>段落文本内容</p>
4.强制换行
<br/>是一个空标记
5.空格
<>
---所占位置没有一个确定的值,这与当前字号字体都有关系。
6.加粗
<b>加粗内容</b>-----样式标签
<strong>加粗内容</strong>表示该文本比较重要,提醒读者/终端注意表示强调
7.倾斜标记
<em> </em>---语义标签
<i> </i>样式标签
8.
区别:
<strong><em>逻辑字体格式化标签.表示 强调 .默认效果是通过字体加粗/倾斜来表示语义强调.而<b><i>标签就是字体加粗/倾斜标签,没有语意强调的意思,一般称为物理(无意义)字体格式化标签。
语意强调作用的<strong><em>比<b><i>更容易引起搜索引擎的注意,但是如果只是为了加粗样式,建议在css样式表里实现。
9.
扩展 HTML和XHTML的语法区别
XHTML,要求标签正确嵌套
XHTML,所有标签必须关闭
XHTML,区分大小写
XHTML属性值,要用双引号
XHTML,用id属性代替,name属性
XHTML,特殊字符的处< >
10.列表(ul,ol,dl)
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表.
无序列表
<ul>--unorderList
<li>列表项内容</li>
….. …..
</ul>
有序列表
<ol>--orderList
<li>列表项内容</li>
<li>列表项内容</li>
….. …..
</ol>
自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
11.
12.
13.表格
数据表格的相关属性
1 ) width="表格的宽度"
2) height=“表格的高度”
3) border=“表格的边框”
4) bordercolor="表格边框颜色"
5 ) bgcolor="表格的背景色”
6) cellspacing=“单元格与单元格之间的间距”
7 ) cellpadding=“单元格与内容之间的空隙”
8)水平对齐方式: align="left/center/right";
垂直对齐方式: valign="top/middle/bottom”;
注:垂直对其方式在td,tr上使用
表格跨行和跨列
colspan=“所要合并的单元格的列数”横向合并;
rowspan=“所要合并的单元格的行数”纵向合并;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询