day1
(快速生成 !)
1标题标签 h1-h6逐渐变小 独占一行
2段落标签 p 行与行之间空 <p>
换行标签 <br>
无语义标签<div> 容器,独占一行 多用于布局 span一行可存在多个
图片:src指向图片位置 alt:图片地址发生错误时,用来提示的字
title:鼠标经过时,显示的文字
border 边框
width:宽度
height:高度
视频:width="1800px" height="50px"
controls:控件
autoplay:自动播放
muted:静音播放
poster:等待加载时的显示图
音频:audio
链接标签 如 <a href="http://www.xianoupeng.com/" target="_blank">去鸥鹏</a>
<a href="https://www.baidu.com" target="_blank">去百度</a>
id 身份证号
有序,序列表 ol li
自定义列表 如<dl>
<dt>
你们喜欢的明星是?
<dd>
张三
</dd>
<dd>
里斯
</dd>
<dd>
张三
</dd>
</dt>
day2
元素显示模式 块元素:独占一行 div 宽、高、内外边距可以设置
行内元素:一行可以存在多个 span 宽、高、内外边距不可以设置
行内块元素:
表头: rows data
able:border(只控制最外围大小)、width、height(tbody 值是底线,只高不低)、cellspacing(单元格与单元格之间的距离)
caption;通过css更改
thead、tr、tbody、tfoot:height\align(水平)\valign(垂直)
跨行:rowspan
跨列:colspan
etails:详情标签 配合summary使用
tabindex:让本不能tab遍历获取焦点的元素可以获取 可以为负数,0,正数
表单:网页交互区,收集用户信息
action:将数据交给谁处理
name:必有属性
method:提交方式 ajax
文本框 maxlength:最大长度 checked默认选中 selected下拉菜单的默认选中
id身份证号,在一个页面中只能出现一次
class 一类 可以出现多个
accesskey 设置快捷键
data-* 自定义属性
/* 标签选择器 选中所有的p标签*/
p {
color: aqua;
}
/* id选择器 */
#box1 {
color: pink;
}
/* 类选择器 */
.box2 {
color: blueviolet;
}
/* 通配符选择器
*{
}