font-size:设定字体大小 eg: font-size:12px
<body></body>#标签中的内容会在浏览器中显示出来
<hx></hx>#标题标签,hx表示x级标题
<p>
<em>预处理的文字</em>#令字体倾斜
<strong>预处理的文字</strong>#令字体加粗,嘿嘿,国内更喜欢它哦
<span>预处理的文字</span>#和em和strong用法相同,但不表示强调,是为了设置单独央视用的
<q>短引用文本</q>#默认输出样式为双引号,但真正的关键点在于语义:引用别人的话。若少了这层语义,不如自己在键盘上输入双引号就行了。
<blockquote>长引用文本<blockquote>#默认输出样式为缩进,其余同<q></q>标签理解相同。
<br />#换行,因为html中忽略回车和空格
#空格,其中';'不可忽略
</p>#段落标签
<hr />#分隔两段文字
<address>联系地址信息</address>#地址标签
<code>var i=i+300;</code>#代码标签,适合单行代码
<pre>var i=i+300;</pre>#代码标签,适合多行代码,被包围在 pre 元素中的文本通常会保留空格和换行符。Binggo:当然并不局限于显示代码,在你需要在网页中预显示格式时都可以使用它。
<ul>#无序信息列表,每项li前都自带一个圆点
<li>信息</li>
<li>信息</li>
......
</ul>
<ol>#有序信息列表,每项<li>前都自带一个序号,序号默认从1开始,每次累加1
<li>信息</li>
<li>信息</li>
......
</ol>
<div id = "xx">…</div>#为网页划分独立的版块
<table>#表格标签
<table summary="表格简介文本">#摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)
<caption>标题文本</caption>#用以描述表格内容,标题的显示位置:表格上方。
<th></th>#表头
<tr></tr>#表格一行
<td></td>#一个单元格
<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>#上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。
<img src = 'xx'>#图片标签
<form method="传送方式" action="服务器文件"> # 表单标签
<select></select>#下拉列表框
<body></body>#标签中的内容会在浏览器中显示出来
<hx></hx>#标题标签,hx表示x级标题
<p>
<em>预处理的文字</em>#令字体倾斜
<strong>预处理的文字</strong>#令字体加粗,嘿嘿,国内更喜欢它哦
<span>预处理的文字</span>#和em和strong用法相同,但不表示强调,是为了设置单独央视用的
<q>短引用文本</q>#默认输出样式为双引号,但真正的关键点在于语义:引用别人的话。若少了这层语义,不如自己在键盘上输入双引号就行了。
<blockquote>长引用文本<blockquote>#默认输出样式为缩进,其余同<q></q>标签理解相同。
<br />#换行,因为html中忽略回车和空格
#空格,其中';'不可忽略
</p>#段落标签
<hr />#分隔两段文字
<address>联系地址信息</address>#地址标签
<code>var i=i+300;</code>#代码标签,适合单行代码
<pre>var i=i+300;</pre>#代码标签,适合多行代码,被包围在 pre 元素中的文本通常会保留空格和换行符。Binggo:当然并不局限于显示代码,在你需要在网页中预显示格式时都可以使用它。
<ul>#无序信息列表,每项li前都自带一个圆点
<li>信息</li>
<li>信息</li>
......
</ul>
<ol>#有序信息列表,每项<li>前都自带一个序号,序号默认从1开始,每次累加1
<li>信息</li>
<li>信息</li>
......
</ol>
<div id = "xx">…</div>#为网页划分独立的版块
<table>#表格标签
<table summary="表格简介文本">#摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)
<caption>标题文本</caption>#用以描述表格内容,标题的显示位置:表格上方。
<th></th>#表头
<tr></tr>#表格一行
<td></td>#一个单元格
</table>
注:若要合并一行单元格,跨行合并的rowspan和跨列合并的colspan。以合并一行为例,关键字选择在td标签中添加colspan="",引号内填写相应的阿拉伯数字。
输出结果为:
<a></a>#链接标签
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a><a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>#上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。
<img src = 'xx'>#图片标签
<form method="传送方式" action="服务器文件"> # 表单标签
<select></select>#下拉列表框