HTML
1.首先是文本。<>是标签。<strong>我是加粗的文字</strong>.
2.骨架。<html> //标签，根节点，根（父）标签。
<head> //头标签
<title></title> //标题标签
</head>
<body> //主体标签
</body>
</html> （猪八戒版骨架记忆法）
3.标签类型：（1）双标签<body> 标签开始部分
</body> 标签结束部分 “/”关闭符
（2）单标签<br />(数量少)
4.嵌套关系：<html>(爷) <head>(父) <title>(孙)
并列关系：<head>和<body>
5.sublime骨架快速生成：（1）html:5 加tab键
（2)! 加tab键
6.<!DOCTYPE html>表示html5的版本类型。
<meta charset="UTF-8">字符集：简体GB2312,繁体BIG5,包括简体和繁体GBK,通用UTF-8;
7.标签语义化（标签什么意思）。
8.HTML标签：1.排版标签：（1）标题标签：<hn> 标题文本 </hn>（标题最小到六级）
（2）段落标签：<p> 段落标签 </p>
（）
（3）水平线标签：<hr />(默认样式的水平线)
（4）换行标签：<br />
（5）div span标签：（布局标签，没有语义的）
2.文本格式化标签：（1）加粗<b></b> 或 <strong></strong>
（2）倾斜<i></i> 或 <em></em>
（3）加删除线<s></s> 或 <del></del>
（4）加下划线<u></u> 或 <ins></ins>
(b i s u只有使用没有强调的意思，strong em del ins语义更强烈)
3.标签属性：<标签名 属性1=“属性值1” 属性2=“属性值2”...> 内容</标签名>（属性一定要写在标签名的后面尖括号 的里面）
4.图像标签img:（1）格式<img src=“图像URL” />
（2）<img/>标记属性：src（URL）图像的路径
alt（文本）图像不能显示时的替换文本 在那个后边写，
Title（文本）鼠标悬停时显示的内容
Width(宽度)height（高度）
Border(图像边框的宽度）
5.链接标签：<a href=“跳转目标” target=“目标窗口的弹出 方式”>文本或图像</a>（target有两种打开方式， seif为默认值，blank为在新窗口中打开方式）
注意：(1)外部链接需要添加http://www.baidu.com
(2)内部链接直接链接内部页面名称即可， 例如<a href=“index.html”>首页</a>
(3)如果当没有确定的链接目标时，通常将链 接标签的href属性值定义为“#”（即href=
“#”），表示该链接暂时为一个空链接
(4)不仅可以创建文本超链接，在网页中各种 网页元素，如图像，表格等都可以添加超 链接。
6.锚点定位：（1）使用<a href=“#id名”链接文本</a>
（2）下边使用相应的id 名。
7.base标签：base可以设置整体链接的打开状态<head></head> 之间写，如果单独的打开方式，可以单独定义 。
8.特殊字符标签：空格符（ ） 小于号（<<） 大于号 （>>） 和号（&&） 人民币（¥） 版权（©） 注册商标（®） 摄氏度
（°） 正负号（±） 乘号（×）
除号（÷） 平方2（上标2）（²）
立方3（上标3）（³）
9.注释标签：<!--注释语句-->
10.相对路径：（1）图像文件和HTML文件位于同一文件夹中：只
需输入图像文件的名称即可，如<img src=“logo.gif”>.
（2）下一级文件夹：输入的文件夹名和文件名之间用/隔开，<img src=“img/img01/logo.gif”/>
（3）上一级文件夹：在文件夹名之前加../，如果两级为../../,以此类推，<img src=“../iogo.gif”>
11.绝对路径：（1）本地绝对路径（不常用）
（2）复制网址<img src=“网址”.jpg/>
12.列表标签：（1）无序列表：<ul>
<li>列表1</li>
<li>列表2</li>
........
</ul> （<ul>中只能放<li>标 签，其他标签可以放在<li>里边）
（2）有序列表：<ol>
</ol> （注意事项同上自 动带有1.2.3.4.等）
（3）自定义列表：<dl><dt></dt><dd></dd></dl>
(一组<dt>对应多组<dd>)
9.表格：1.创建表格：<table><tr><td></td></tr></table>(只有行没有列，分 为几个单元格)（<tr>里只能放<td>标签，<td>里可以放别的标签）（<table></table>中有特有的标签<thead></thead>和<tbody></tbody>）
2.单元格的属性：cellspacing控制单元格与边线的距离。
Cellpadding控制文字在单元格中的位置（内容距离边框的距离）
align设置表格在网页中的水平对齐方式。（left,right,center默认为left）
3.表头标签：突出表头，文本居中加粗，只需用表头标签<th></th>替换相应的<td></td>
4.表格结构：<thead></thead>表示表格的头部,<tbody></tbody>表示表格的主体。
5.表格标题：<caption>表格标题</caption>（写在<table>里面，且随着align的移动）
6.合并单元格：（1）跨行合并：rowspan
（2）跨列合并：colspan
（3）合并单元格的思想：将多个内容合并的时候，就会有多余的东西，把他删除。删除的个数=合并的个数-1；
（4）合并顺序：先上 先左（就是删下，删右）
7.表单标签：表单控制（包含了具体的表单功能项，如单行文本输入框，复选框，提交按钮，重置按钮等）；提示信息（一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作）；表单域（相当于一个容器，用来容纳所有的表单控制和提示信息，如果不定义表单域，表单中的数据就无法传送到后台服务器）
（1）input控件：<input />为单标签。type为最基本的属性。
type:text(属性值) 单行文本输入框
Password 密码输入框
Radio 单选按钮
Checkbox 复选框
Button 普通按钮
Submit 提交按钮
Reset 重置按钮
Image 图像形式的提交按钮
File 文件域
Name:由用户自定义 控件的名称
Value:由用户自定义 input控件中的默认文本值
Size:正整数 input控件中在页面中的显示宽度
Checked:checked 定义选择控件默认被选中的项
Maxlength:正整数 控制允许输入的最多字符数
（2）lable标签：用于绑定一个表单元素，当点击lable标签的时候，被绑定的表单元素就会获得输入焦点。
for属性规定lable与哪个表单元素绑定
<lable for=“male”>male</lable>
<lable type=“radio” name=“sex” id=“male” value=“male”>
（3）textarea控件文本域：<textarea></textarea>
（4）下拉菜单：<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
......
</select>（在option中定义selected=selecteds时，当前即为默认选中项）。
（5）表单域：form被用于自定义表单域，创建一个表单，
<form action=”url地址” method=”提交方式 name=”表单名称”>
常用属性：action(将收集的信息传递给服务器处理，action指接收并处理表单数据的服务器程序的url地址)；method(用于设置表单数据的提交方式，其取值为get或post);name(用于指定表单的名称)
类选择器：.类名{属性1:属性值1；} 注意：每个表单都有自己的表单域
10.HTML5新标签与特性：document:HTML:sublime输入html:4s
XHTML:sublime输入html:xt
HTML5:sublime输入html:5
1.常用新标签：代码里打了
2.新增的input type属性值：email 输入邮箱格式
tel 输入手机号格式
Url 输入url格式
Number 输入数字格式
Search 搜索框（体现语义化）
Range 自由拖动滑块
Time 小时分钟
Date 年月日
Datetime 时间
Month 月年
Week 星期年
3.常用新属性：placeholder 占位符，当用户输入的时候里面的文 字消失，删除所有文字，自动返回
Autofocus 规定页面加载时input元素自动获得 光标
Multiple 多文件上传
Autocomplete 规定表单是否应该启动自动完成功能， 有两个值，一个是on一个是off,on代表 记录以输入的值。1.autocomplete首先需 要一个提交按钮，2.这个表单您必须给他 名字
Required 必须填，内容不能空
Accesskey 规定激活元素的快捷键，采用alt加 字母的形式
4.多媒体标签：embed:标签定义嵌入的内容
Audio:播放音频
Video：播放视频
5.多媒体audio: 通过src指定音频文件路径即可<audio src= ./music / .mp3”></audio>
autoplay 自动播放
Controls 是否显示不默认播放控件
Loop 循环播放
Audio支持三种音频格式：Ogg Vorbis,mp3,Wav
6.多媒体video:<video src=“./video/movie.mp4” controls ></video>
autoplay 自动播放
Controls 是否显示不默认播放控件
Loop 循环播放
Width 设置播放窗口宽度
Height 设置播放窗口的高度
Video元素支持三种视频格式：ogg MPEG4 WebM
扫一扫
2940
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
