html基础结构:1.头部head 2.页面body
标签 是什么 1.成对存在<a></a> ,也有单标签<br> 2.标签间有很多的关系:并列,兄弟,父子关系等等 3.标签有属性 <标签名称 属性名称="属性值">
有什么 1.排版标签:段落标签p,标题标签h1~6,div 盒子,没意义
2.文本标签 em着重阅读,strong强调,span小的盒子 还有不常用的文本标签等等
3.注意语义化的问题:什么时候用什么样的标签来表达他的含义
3.图片标签: img里面有src输入地址,地址有相对路径,绝对路径,绝对路径有本地和网络,常用的图片格式有jpg png gif webp base64,单位为px象素
4.超链接标签 a标签,里面的属性有href代表链接地址,target里有_block表示在新标签页打开,_self表示在当前标签页打开,可以链接图片,网页,下载资源(zip格式的)等等
5.列表标签:分成无需列表 ol li 有序列表 ul li 自定义列表dl dt dd(最后是弟弟)
6.表格标签:table 里有属性 border代表2个单元格的间距,表格有表格标题caption,表头thead在用th tr ,表格主体tbody,用tr td,表格脚注tfoot,用tr td,要进行跨列/跨行 closespan rowspan(row行 span跨越)
7.常用标签 br换行 hr分割线 pre按原文显示
8.表单 基本结构 form,里面属性action 请求的地址,method 提交方式
type 里面的值 | 特性 | |
input | text 文本框 | |
password 密码框 | ||
radio 单选框 | ||
checkbox复选框 | 默认勾选 加checked | |
sumbit 确认按钮 | 不能写name,当提交时会把name的值进行提交 | |
reset 重置按钮 | ||
button 普通按钮 | ||
button | sumbit 确认按钮 | 不能写name,当提交时会把name的值进行提交 |
reset 重置按钮 | ||
button 普通按钮 | ||
textrea | 文本框 | 可用修改默认的高宽 rows 和clos |
select | 下拉框,在option里面输入选项 | |
以上都可添加属性 隐藏域hidden value name id 禁用disable | ||
value的值,在输入框中对应显示输入值,在单多选框中对应着提交的数据,在按钮中,对应显示的按钮文字 |
很多可以使用lable进行更好使用,点击前面文字,触发点击框,可以在里面书写for 的内容和要关联的id相对应 ,或者直接用lable包住它
9.框架标签,iframe能够嵌入其他内容,里面的src能和超链接和表单的target配合使用
10. 字符实体: 空格 <大于&rt;小于 & &
11.html的全局属性:id class name dir lang
12.mete的基本信息
13.块元素: p div h1 独占一行,块里面能包含所有
行内元素 span input 不独占,行内里面不能包含块