HTML是一种标记语言,用来书写一个网页的结构。既然是一种语言,自然会有属于HTML的特殊语法和标记,HTML 元素由开始和结束标签构成,标签之间是文本内容,这篇文章便会简单讲述几个基础的HTML知识。
1.
大部分的HTML元素都有一个开始标签和结束标签,例如:
<h1>hello</h1>
开始标签就如 <h1> ,结束标签就如 </h1> ,结束标签比开始标签多一个斜杠 " / "。 h1 元素通常被认为是主标题, h2 元素通常被认为是副标题,接下来便是以此类推 h3、h4、h5 等,以此来表示不同的级别的标题。
2.
p 元素,是英文 “ paragraph(段落)” 的缩写,所以它是段落文本所使用的元素,例如:
<p>I am smart</p>
需要 注意 的是,HTML中的标签应该是 小写 字母,例如:
<p> </p> 而不是 <P> </P> ,切勿弄错!!!
3.
在与团队合作或自己日常查看,需要了解某行代码的作用或特别解释时,就需要 注释 。注释的作用便是在不影响代码的前提下给予代码解释说明,也可以在不删除代码的前提下,让代码失效。它的开始标签是 <!-- ,结束标签是 --> 。例如:
<p>I am smart</p>
现在让其失效便可以这样:
<!--
<h1>I am smart</h1>
<p>I am smart</p>
-->
4.
有时你点击图片或文字时,会跳转到其他网页上,这其实是用 a 来实现的,a(Anchor,简写为 a),a 需要一个 href 属性指向跳转的目的地。随便举个例子:
<a href="http://www.baidu.com">this links to baidu</a>
会显示 “ this links to baidu " 这个文本,点击后便会跳转访问 “ http://www.baidu.com " 这个网站上浏览。
此外,a 元素也可以用于创建内部链接,跳转到网页内的各个不同部分。
要创建内部链接,你需要将链接的 href 属性值设置为一个哈希符号 # 加上你想内部链接到的元素的 id ,通常是在网页下方的元素。 然后你需要将相同的 id 属性添加到你链接到的元素中。 id 是描述网页元素的一个属性,它的值在整个页面中唯一。举个栗子:
<a href ="#menu-header">menu</a>
...
<h2 id="menu-header">menu</h2>
当点击 menu 连接时,便将被带到带有 menu 标题元素的网页部分。