发表于: 2016-03-02 22:48:13
3 1386
今天完成的事情:学习了各类标签的语法、用途、注意事项
明天计划的事情:继续学习剩余标签的用法
遇到的问题:暂无
收获:
3.<p>标签
语法:
<p>段落文本</p>
用途:在网页上显示段落
注:1.一段文字一个
<p>
标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>
标签中 2.
<p>
标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可 以用css样式来删除或改变它。 4.<hx>标签
语法:
<hx>标题文本</hx>
(x为1-6) 用途:在网页上显示文章的标题
注:1.标题标签一共有6个,
h1、h2、h3、h4、h5、h6
分别为一级标题、二级标题、三级标题、四级标 题、五级标题、六级标题。并且依据重要性递减。 2.
<h1>
是最高的等级,在网页中比较重要,一般被用在网站名称上。 3.标题标签的样式都会加粗,
h1
标签字号最大,h2
标签字号相对h1要小,以此类推h6
标 签的字号最小。 5.<em><strong>标签
语法:
<em>需要强调的文本</em>
<strong>需要强调的文本</strong>
用途:强调文章中的某部分内容
注:1.<em> 表示强调,<strong> 表示更强烈的强调。
2.<em> 默认用斜体表示,<strong> 用粗体表示。
3.目前国内前端程序员更喜欢使用<strong>表示强调。
6.<span>标签
语法:
<span>文本</span>
用途:文章中设置单独的样式用,之后再用样式标签进行编辑
7.<q>标签
语法:
<q>引用文本</q>
用途:引用简短文本,比如说引用一段话
注:使用本标签时会自动在网页上加上引号
8.<blockquote>标签
语法:
<blockquote>引用文本</blockquote>
用途:引用长文本,比如引用一位作家的大段文字
9.<br />标签
语法:<br />
用途:在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。
注:1.html1.0写法:
<br />
2.html4.01写法:
<br>
3.一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。
4.
<br />
标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签, 这样的标签有<br />
、<hr />
和<img />
5.在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入
<br />
10. 标签
语法:
用途:在html代码中输入空格
11.<hr />标签
语法:html4.01版本
<hr>
xhtml1.0版本
<hr />
用途:加一条分隔的横线,使文章看起来更整齐
12.<address>标签
语法:
<address>联系地址信息</address>
用途:在网页中显示联系地址信息(如公司地址),也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
注:在浏览器上显示的样式为斜体
13.<code>标签
语法:
<code>代码语言</code>
用途:显示一行计算机专业的编程代码
注:在文章中一般如果要插入多行代码时不能使用<code>标签了
14.<pre>标签
语法:
<pre>语言代码段</pre>
用途:显示多行计算机专业的编程代码。预格式化的文本,被包围在 pre 元素中的文本通常会保留空格和换行符。
注:
<pre>
标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>
标签的一个常见应用就是用来展示计算机的源代码。
评论