HTML
- html是超文本标记语言
- html骨架:
<html></html> HTML标签 <head></head> 文档的头部 <title></title> 文档的标题 <body></body> 文档的主体
标签分类
- 常规标签(双标签):有一个开始标签,有一个结束标签
- 空标签(单标签):只有一个开始标签
常用标签
- 标题标签:
<h1></h1>一级标题 <h2></h2>二级标题 <h3></h3>三级标题 <h4></h4>四级标题 <h5></h5>五级标题 <h6></h6>六级标题
- 段落标签:
<p></p>
- 水平线标签:
<hr>
- 换行标签
<br>
- 布局标签
<div></div>一行只能放一个div <span></span>一行可以很多span
- 加粗标签
<b></b> <strong></strong>
- 斜体标签
<i></i> <em></em>
- 删除线标签
<s></s> <del></del>
- 下划线标签
<u></u> <ins></ins>
- 图像标签
<img> src="图片路径" alt 图像不能显示时的替换文本 title 鼠标放到图片上,显示的文字 width 图片宽度 height 图片高度 border 边框
- 链接标签
<a> href 跳转的url target
表格标签
<table></table> border 边框 width 宽 height 高 align 对齐(left、right、center) cellpadding 控制字和单元格距离 cellspacing 控制单元格和单元格之间距离
行标签
<tr></tr>
单元格标签
<td></td>
表头单元格
<th></th>
合并单元格
rowspan 跨行合并 colspan 跨列合并
合并三部曲: 1.先确定是跨行合并还是跨列合并 2.找到目标单元格,确定合并数量 3.删除多余的单元格
列表标签
<ul></ul> 无序列表 <ol></ol> 有序列表 <dl></dl> 自定义列表 <dt><dd> 并列关系
表单标签
<input> 输入 text 文本 password 密码 radio 单选框 checkbox 复选框 checked 默认选中
三级联动标签
<select></select>
HTML5新增
1.语义化标签header --- 头部标签 nav --- 导航标签 article --- 内容标签 section --- 块级标签 aside --- 侧边栏标签 footer --- 尾部标签
2.多媒体标签
<audio src="路径" controls="controls" loop="loop" > <source src="路径" type="audio/mpeg"> audio目前只支持三种格式 ogg Mp3 Wav
<video src="路径" controls=“controls”> autoplay 自动播放 muted 给视频加静音播放就可以解决自动播放问题 poster 加载画面图片
4.input表单、表单属性
type="emaii" 限制用户输入必须为Email类型 type="url" 限制用户输入必须为url类型 type="date" 限制用户输入必须日期类型 type="time" 限制用户输入必须为时间类型 type="month" 限制用户输入必须为月类型 type="week" 限制用户输入必须为周类型 type="number" 限制用户输入必须是数字类型 type="tel" 手机号 type=“search” 搜索框 type="color" 生成一个颜色