一、Web构成标准
- 结构(Structure): HTML
- 表现(Presectation): CSS
- 行为(Behavior): JS
二、HTML
HTML是一种超文本标记语言,是一些标签集合。
三、div和span区别
共同点
- div跟span都是没有语义的,是网页布局的盒子
区别
- div一行只能放一个标签
- span一行可以放多个标签
四、img标签
图片标签属性
- src: 图片显示的路径
- alt: 图片不能显示时的显示文本
- title: 鼠标悬停时显示的文本
- width: 图片宽度(XHTML不支持%页面百分比)
- height: 图片高度(XHTML不支持%页面百分比)
- border: 设置图片边框的宽度(一般用CSS来做)
五、a标签
a标签属性
- href: 跳转的链接(url)
- target: 跳转的方式(self、blank)
六、锚点
1、使用相应的id名标注跳转目标的位置。(找目标)
//通过id创建
<h1 id="two">第一集</h1>
2、使用a标签创建链接文本
<a href = "#id名">链接文本</a>
七、base标签
1、统一设置链接跳转的方式
<head>
<base target="_blank"/>
</head>
八、table标签<table、thead、th、tbody、tr、td、tfoot、caption>
1、table标签属性
- border设置表哥的边框(像素值)
- cellspacing 单元格之间的距离(像素值,默认2)
- cellpadding单元格内容边距(像素值,默认1)
- width 宽度(像素值)
- height 高度(像素值)
- align设置表格对齐方式(left、right、center,默认left)
2、table单元格合并
- 先确定是跨行还是跨列合并
- 根据先上后下、先左后右,找到目标单元格
- 删除多余单元格
九、ul、ol、dl标签
1、ul无序列表,里面只能有li
2、ol有序列表
3、dl自定义列表,里面有dt和dd。
十、表单(Input)
1、属性
- type:表单类型(text、password、radio、checkbox、button、submit、reset、image、file)
- name:表单名称
- value:表单默认文本值
- size:表单在页面中显示的宽度(正整数)
- checked:默认选中的项
- maxlength:最大字符数
- src:图片按钮的时候需要设置