HTML（HeyperText MarkUp Language）超文本标记语言.。
HTML标记语言开发的程序的时候，利用就是标签（element）进行布局页面。
标签学习
块元素
块元素的特征是：独占一行
1、静态页面的骨架
<!DOCTYPE html> //这是超文本标记语言第五次重大变化文档声明方式
<html lang="en">
<head>
<meta charset="UTF-8" /> //chartset:设置字符集
<title>Document</title>
</head>
<body>
</body>
</html>
- html：标签是整个网页根元素，所有的页面布局的其他元素，都嵌套在html标签中
- head：头元素。
- meta：元数据。
- title：文档的标题。
- body：主体内容网页中显示的实际内容。
2、常用的块元素
- h1~h6：标题，加粗加黑。h1字体最大，到h6字体最小。
- div：盒子标签，在布局时经常用到。
- p：段落
- address：用来显示地址，html5新增，常用作在网页中显示地图
以上标签都可以复用（多次使用）、可以嵌套使用。
- ul：无序列表
- ol：有序列表
- li： 标签定义列表项目。单独使用前面是实心圆，经常作为他们子元素一起使用。
在网页中显示地图，利用百度地图开发文档制作地图。
<address>
复制百度地图中生成的代码
</address>
行内元素
前端开发当中行内元素（内联元素）。
行内元素特征：不是独占一行，从左到右进行排列
- a：超链，href属性是用来设置超链接的地址属性
- img：图片，src属性是用来设置显示图片路径的（图片名称） 图片没有情况下默认显示文字
- span：用来组合文档中的行内元素
表单元素
表单元素经常用来收集用户输入信息，将用户输入信息提交给服务器。
表单元素即为input标签（单闭合标签），这个标签经常集合form标签一起使用。
input是行内元素，form是块元素。
有文本、密码、提交、日历、颜色、范围条、单选按钮、多选按钮等等。
<form action="/demo/test"><!--如果您点击提交，表单数据会被发送到名为 demo/test的页面-->
<!-- placeholder:占位符属性，一点就消失了 -->
<p>用户名：<input type="text" placeholder="请你输入用户名"/></p>
<p>密 码：<input type="password" /></p>
<p><input type="submit" /></p>
<p>日历<input type="date" /></p>
<p>颜色<input type="color"/></p>
<p>范围条<input type="range"/></p>
<p>搜索的表单元素： <input type="search"></p>
<p>地址格式表单元素:(URL格式) <input type="url"></p>
<p>邮箱格式：（表单元素的文本务必符合邮箱格式）<input type="email"></p>
<p>多选按钮<input type="checkbox"/>/烤鸭
<input type="checkbox"/>/烤鸡
<input type="checkbox"/>/烤猪
<input type="checkbox"/>/烤肠
<input type="checkbox"/>/烤饼
</p>
<p>单选按钮<!--一组的name相同 -->
<input type="radio" name="a" />/陕西
<input type="radio" name="a" />/甘肃
<input type="radio" name="a" />/四川
<input type="radio" name="b" />/java
<input type="radio" name="b" />/c
<input type="radio" name="b" />/python
</p>
</form>
音频视频
audio标签显示音频
只支持三种格式：mp3、ogg、wav格式。
<audio src="" controls>
当前浏览器不支持audio
</audio>
video标签显示视频
只支持三种格式：mp4、ogg、webm格式。
<video src="" controls>
视频
</video>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
