开篇第二章
1、文章的段落用<p>标签,文章的标题用<hx>标签,标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。
2、加入强调语气,使用<strong>和<em>标签。
但两者在强调的语气上有区别: <em>表示强调, <strong>表示更强烈的强调。并且在浏览器中 <em>默认用斜体表示, <strong>用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
3、<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
(ps:)如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。
4、<q>标签,短文本引用。(ps:比如引用一个诗人的一句话,是针对短文本)。
注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。用<q>标签不用带双引号。浏览器会默认加上双引号。
5、<blockquote>标签的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。浏览器对<blockquote>标签的解析是缩进样式。用这个标签的时候也不需要加上双引号。
6、使用<br/>标签分行显示文本。
在需要加回车换行的地方加入<br/>标签作用相当于word文档中的回车。
语法:
xhtml1.0写法:
<br/>
html4.01写法:
<br>
大家注意,现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。
与以前我们学过的标签不一样,<br/>标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br>、<hr>和<img>标签。注意在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。
7、为网页中添加一些空格用
语法: ;
8、用<hr/>标签添加水平横线。
语法:
html4.01版本 <hr>
xhtml1.0版本<hr/>
1.<hr/>标签和<br/>标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
2. 注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。
9、<adress>标签,为网页加上地址信息。
这些联系地址信息如公司的地址就可以使用<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
语法:<address>联系地址信息</address>
这个标签在浏览器上显示的是斜体,以后可以通过css来修改。
10、在文章中一般如果要插入多行代码时不能使用<code>标签了。
语法:
<code>代码语言</code>
注:如果是多行代码,可以使用<pre>标签。
11、<pre>标签可以为网页加入大段的代码。
<pre>标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
注意:<pre>标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。语法:<pre>语言代码段</pre>