- ·上一篇内容:HTML网页的基本结构
- ·下一篇内容:HTML元素的属性
HTML元素基本语法
一个HTML文档有很多元素构成。这些元素包括段落、链接、图像、换行、样式等等。
HTML元素的基本语法
(1)一般一个HTML元素由开始标签和结束标签构成。
(2)元素的内容位于开始标签和结束标签之间,当然,有些元素是没有内容的(如<br>和<hr>),元素的内容也可以根据实际情况设置为空的内容。
(3)开始标签以<开始,并以>结束,位于<和>之间的是标签的名称;结束标签以<开始,并以/>结束,两者之间是元素的名称,如:
在上面的例子中,<title>是开始标签,</title>是结束标签,“这是网页的标题”是元素的内容。
同时,一定要注意,标签名称和前面的<或</不能有空格,以表示他们是一个整体,否则可能产生意外的后果,同时,每个标签都应为英文半角字符,否则也会使标签想表达的意思失效。
(4)一些元素没有结束标记,比如<br>,它表示在段落内换行,再比如<hr>,它表示在当前位置显示一条水平线。
嵌套的HTML元素
很多HTML元素内容中可以嵌套其它的HTML元素,这样使得网页的定义更加灵活,表现更加多样化。比如下面的例子:
<html>
<head>
<title>这是网页的标题</title>
</head>
<body>
<h1>这是一级标题</h1>
<p>这是一个段落</p>
</body>
</html>
在上面这个例子里,<html>和</html>之间嵌套了<head>、<body>两个元素。<head>和</head>之间嵌套着<title>这个元素,而<body>中嵌套着<h1>和<p>两个元素。
网页的这种嵌套定义和层级关系使得网页的表现更加丰富,根据实际需要可以嵌套很多层。
不可或缺的结束标签
结束标签规定了元素内容结束的位置,在大多数情况下,如果丢掉了结束标签,浏览器也会正常显示出相关内容,但是这是很要命的一件事情,还有很多情况,可能会导致网页内容的混乱,以及显示样式不符合预期要求,所以最好的做法是按照元素的语法格式给出结束标签。
标签是大写还是小写
HTML对大小写是不敏感的,虽然一些网站可能出于方便识别标签的本意,使用大写标签来组织内容,但是W3C建议使用小写。
微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。
个人成长离不开各位的关注,你的关注就是我继续前行的动力。