让web发展前景更广阔
内容能被更广泛的设备访问
更容易被搜寻引擎搜索
降低网站流量费用
使网站更易于维护
提高页面浏览速度
页面语言
指定语言种类en 英文
zh-CN 中文
字符集
gb2312简单中文
BIG5 繁体中文
GBK 全部中文字符
UTF-8 全世界所有国家需要用到的字符
标准格式不写容易乱码HTML文件是以UTF-8编码保存的,浏览器根据编码去解码对应的html内容webkit
手机浏览器内核Android、iosChromium
Blink(二次开发)
webkit分支常规元素(双标签)
开始标签结束标签/ 关闭符 内容空元素(单标签)
<标签名 />
嵌套关系
中包含并列关系
与标题h、段落p、水平线hr/、换行br/、
div span(没有语义,盒子,装网页元素,用来布局)
一行只能放一个div一行可以放很多span文本或图像
href 必须写
target 打开方式
默认 _self 当前窗口打开_blank 新窗口打开外部链接 需要添加 http://
内部链接 直接链接内部页面名称
没有确定目标 空链接 href="#"
网页中各种元素都能添加超链接
给人看,解释代码
快捷键ctrl+?
ctrl+shift+/无列标签
border 边框
默认0无边框width、height
align在网页中的对齐方式
left、center、rightcellspacing
单元格与单元格边框之间的空白间距(外间距)
默认2像素
一般为0cellpadding
单元格内容与单元格边框之间的空白间距(内间距)默认1像素三参为0
cellpadding
cellspacing
border两种方式
跨行合并rowspan=“合并单元格的个数”跨列合并colspan=“合并单元格的个数”顺序
先确定跨行合并还是跨列合并根据 先上后下 先左后右寻找目标单元格,再写合并方式和合并数量删除多余单元格thead题头
用于定义表格头,存放标题。内部必须有tr标签tbody正文
用于定义表格主体,放数据本体tfoot脚注
放表格的脚注以上都放到table标签中
同级
引用时,直接写图像名下级
通过 / 找上级
通过 …/甚至…/…/等返回到HTML文件的所在的上一级文件,即返回到和图片文件所在的同级目录指相对于写的html文件出发,图片所处的位置
换电脑不一定用,不提倡使用
本地 \网络下一级 /绝对的网络地址
不另存为,复制图片网络地址,直接引用无序列表 ul(重点)
ul中只能嵌套lili标签之间是容器,可以容纳所有元素无序列表会带有自己样式属性,放下样式,让css来产品链接有序列表 ol(了解)
金牌榜自定义列表(理解)
dl
dt
dd底部导航栏
地区
表单控件
提示信息
form表单域
用户信息的收集和传递
input控件(重点)
单标签
type属性设置不同属性值指定不同控件类型
常用属性
type
text单行文本输入框、password密码输入框、radio单选按钮、checkbox复选框、button普通按钮、submit提交按钮、reset重置按钮、image图像形式的提交按钮(src必须有)、file文件域子主题 2name
用户自定义
控件名称表单名字,后台可以通过name属性找到表单,区别不同表单
value
用户自定义
input控件中的默认文本值默认的文本值
单选框radio和复选框checkbox
name=”xxx“
name有相同名字checked
checked
name有相同名字默认选中状态size
正整数
input控件在页面中的显示宽度maxiength
正整数
控件允许输入的最多字符数label标签(理解)
提高用户体验
作用:用于绑定一个表单元素,当点击label标签时,被绑定的表单元素就会获得输入焦点。点击label标签里面的文字时,光标会定位到指定的表单里面
绑定元素
用label直接包括input表单
用户名:</labelfor id 控制
男textarea控件(文本域)
多行文本输入
文本内容。实际用css控制宽高select下拉菜单
节约空间
select
select中至少包含一对optionoption中定义select=“selected”,表示默认选中项
实际使用少,用div模拟多
XMind: ZEN - Trial Version