HTML是一种超文本标记语言,如网页中的一个标题、一个段落、一张图片等都是利用一个个HTML标记完成的。HTML基本语法为:
<html>
<heabd></head>
<body></body>
</html>
网页基本标签
标题标签
标题标签表示一段文字的标题或主题,并且支持多层次的内容结构。HTML共提供了六级标题<h1>~<h6>并赋予了标题一定的外观,所有标题字体加粗,字体最大的为<h1>最小为<h6>。
段落标签和换行标签
段落标签:<p>……</p>表示一段文字等内容。一个段落可以包含多行文字,文字内容可以将随游览器窗口的大小自动切换。
换行标签:<br/>表示强制换行显示,该标签比较特殊,没有结束标签,直接使用表示换标签的开始和结束这种标签叫单标签。
水平线标签
水平线标签<hr/>表示一条水平线,该标签与换行标签一样,比较特殊没有结束标签,都是单标签,它主要用于让版面更加清晰直观,可以加在歌名或歌词之间。
字体样式标签
当我们网页中需要字体加粗或倾斜时,我们就要用到<strong>(加粗)和<em>样式标签。<strong>标签不但能让字体加粗,它还有一个重要的“身份”,<strong>是一个带有语义的标签,它有强调、加强语气的作用。
注释和特殊符号
当页面的HTML结构复杂或内容较多时,需要添加必要的注释方便代码阅读和维护,同时为了强调,需要注释掉的一些不必要的代码,当游览器遇到注释时会自动忽略注释内容。
注释语法:
<!--注释内容-->
特殊符号:由于有一些符号已成为HTML的语法符号,如大于号(>)、小于号(<)……因此,这些特殊符号要在页面中显示必须要使用相应的HTML代码表示,而这些特殊符号在html对应的代码中被称为字符实体。这些实体符号都以“&”开头,以“;”结束。如表所示:
特殊符号 | 实体符号 |
---|---|
空格 |  ; |
大于号(>) | >; |
小于符号(<) | < |
引号(’’) | " |
权版符号 | ©; |
图像标签
图像标签语法如下:
<img src="图像地址"alt="图像的代替文字"title="鼠标悬停提示文字"width="图片宽度"height="图片高度"/>
注意:其中src属性表示图片路径,alt属性指定的代替文本,表示图片无法显示时替代显示的文本,这样就不用担心网页丢失的内容用户看不见。所以alt属性在制作网页时和src属性配合使用。
title属性可以提供额外的提示或帮助信息,当鼠标移至到图片上时显示提示信息。
width和heigth两个属性分别表示图片的宽度和高度,如果不设置那么图片默认显示原始大小。
超链接标签
超链接包含两部分,一是链接地址,即链接目标,可以是某个网址或文件的路径,对应的<a>标签的href属性;用于建立页面间的导航链接,链接可分为页面间链接、锚链接、功能性链接,在此不做解释。
列表
简单来说列表就是信息资源的一种展示形式。在html5中的列表可以分为三种类型:无序列表、有序列表、定义列表。他们的不同之处如下:
无序列表
无序列表由<ul>和<li>标签组成,使用<ul>作为无序列表的声明,使用<li>标签作为每个列表的起始,结构语法如下:
<ul>
<li>第1项</li>
<li>第二项</li>
<li>第三项</li>