HTML全称是:超文本标记语言(HyperTextMarkupLanguage),学习这种语言主要就是学习各种标签的使用,今天给大家介绍HTML的基本标签。
html标签1、HTML标题
h1标题/h1
1)标题前面是开始标签openingtag,标题后面是结束标签closingtag,结束标签前面有一个斜杠。
2)标题(Heading)是通过h1-h6从大到小的标签进行定义的,h1定义最大的标题。h6定义最小的标题。
3)通常情况下网站的标题使用h1标签,页面标题使用h2标签,其他部分根据具体情况使用h3-h6。
如:
h1标题/h1
h2标题/h2
h3标题/h3
h4标题/h4
h5标题/h5
h6标题/h6
2、段落标签
一般情况下文章中除了标题,副标题,还有一些普通的段落,把文字描述放到p标签(段落标签paragraphtab)中,使用段落标签展示描述性内容,浏览器会自动地在段落的前后添加空行。
p
我是一个段落。
/p
3、无序列表标签
列表标签可以显示一组列表,此列项目使用粗体圆点(小黑圆圈)进行标记。无序列表unorderedlist始于ul标签,每个列表itemlist项始于li,li标签一定要写在ul标签内部。
ul是li标签的父元素(父标签parent),反过来li就是ul的子元素(子标签children),这种写法称之为嵌套标签或者嵌套元素。注意,子标签相对于父标签还有2个或者4个空格,亦或者按下键盘上的tab键,来达到缩进的目的,便于区分父子元素。
h2=======无序列表=======/h2
h3中国一线城市有:/h3
ul
li北京/li
li上海/li
li深圳/li
li广州/li
/ul
提示:虽然缩进在HTML中不是必须的,但是写代码一定要注意缩进,不要让你的HTML代码难以阅读
4、有序列表标签
有序列表可以添加序号来明确的显示先后顺序,列表项目使用数字进行标记。有序列表orderedlist始于ol标签,每个列表项依然始于li标签,li标签作为子元素一定要写在ol标签里面。
h2=======有序列表=======/h2
ol
li上海/li
li北京/li
li深圳/li
li广州/li
/ol
5、body标签
所有在浏览器中能看到的内容都需要放入到body标签中,前面介绍的所有元素中的父元素。body本身不显示什么信息,是为了让html代码更符合规范,代码规范是由w3c万维网联盟规范的。
w3cWorldWideWebConsortium万维网联盟创建于年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。
6、head标签
在页面内容被浏览器显示出来之前,如果想运行某些代码的话,可以放到head标签里面,这些代码不会显示在浏览器当中,比如css、javascript等都可以放到head标签里面。
7、html标签
最后把前面所有内容都放到html标签里,html标签是head、body标签的父标签。html、head、body都不会在浏览器当中显示额外的内容,它们只是把代码更好的组织在一起,让浏览器能够正确的识别代码的每一部分。
8、文档类型声明
整个html文档中还有一个必要的元素叫:文档类型声明DOCTYPE,它放在所有代码的最上面,它表示html的版本信息,浏览器会根据DOCTYPE中的版本信息,决定如何来显示这个网页,如果html文档没有指定html版本,就是目前的最新版html5。
代码演示:
html标签展示效果:
html标签