HTML5简单介绍

HTML页面结构

HTML5简单介绍_第1张图片1、文档声明

<!DOCTYPE html>

声明使用的版本,如上为html5

2、页面头部

<head> </head>

头部信息,页面不会直接显示

3、页面内容

<body> </body>

主题部分,页面显示内容

常见的HTML标签

1、注释

<!--注释页面:我是一个注释-->

2、段落和换行行标签

<p>普通段落<\p>
<!--换行标签-->
<br>
<!--水平线标签-->
<hr>

3、标题

<h1>16的标签<\h1>

4、块标签

<!--块元素-->
<div style=""><\div>
<!--行内块-->
<span style=""><\div>

5、含样式和语义的行内标签
HTML5简单介绍_第2张图片6、图像标签和连接标签
HTML5简单介绍_第3张图片HTML5简单介绍_第4张图片7、音乐标签合视频标签
HTML5简单介绍_第5张图片8、列表
有序列表:

<ol>
	<li><\li>
<\ol>

无序列表:

<ul>
	<li><\li>
<\ul>

定义列表
HTML5简单介绍_第6张图片9、表格
HTML5简单介绍_第7张图片

HTML表单

1、form与input标签
HTML5简单介绍_第8张图片HTML5简单介绍_第9张图片
2、label标签

HTML5简单介绍_第10张图片

内联框架

HTML5简单介绍_第11张图片

你可能感兴趣的:(web前端技术)