Web前端2

web前端2
一、图片
1.< img src="../" width="300px" height="300px" align="---">
2.src="---"——指向图片位置
3.alt="---"——在图像无法显示时的替代文本
4.title="---"——悬停在图像上时显示的文字
5.align=”left”——左边对齐
6.align=”center”——中间
7.align=”right”——右边对齐
8..valign=”top”——上边对齐
9.valign=”middle”——中间
10.valign=”bottom”——下边对齐
11.hspace="--px"——控制图片和文字的水平距离
12.vspace="--px"——控制图片和文字的垂直距离
二、超链接
1.去百度
2.<a>---<a>——定义超链接，用于从一张页面链接到另一张页面
3.href——指示链接的目标
4.target——规定在何处打开链接文档
5.target="_blank"——浏览器总在一个新打开、未命名的窗口中载入目标文档
6.target="_self"——目标文档载入并显示在相同的框架或者窗口中作为源文档
三、锚链接
1.锚链接也可以叫做跳转
2.改革开放
3.<h1 id="gaige">改革</h1>
3.div标签 <div>---</div>——用来划分页面的区域
4.span标签 <span>---</span>——对文档中的行内元素进行组合（局部编辑）
四、音频标签
1.<audio src＝".   " controls muted autoplay loop> </audio>
五、视频标签
1.<video src＝".    "controls autplay muted poster=".  "></video>
2.src----指向视频位置
3.controls----控件
4.autoplay------自动播放
5.muted------静音播放
6.poster--------等待加载时显示的图片
六、表单结构
1.<from action=“   ”>
action----数据交给谁
2.<input type=“text” name＝“wd”>
name----必有属性
3. <button>提交</button> button---旋钮
七、表格标签
1.块元素：独占一行-------div---宽，高，内外边距可设置
2.行内元素：一行可以存在多个---span---宽，高，内外边距不可设置
3.table：border---只控制最外围大小
cellspacing----单元格与单元格之间的距离
4. 横向：align＝“left”------左边对齐   align=“center----中间”   align=“right”---右边对齐
5. 垂向：valign＝“top”----上面   valign=“middle”----中间  valign=“bottom”
----下面
6.合并单元格rowspan----跨行（合并后只留下一行代码）
colspan----跨列
八、其他标签
1.<dialog>---</dialog>——对话框元素
2.<details>---</details>——详细信息展现元素
3.<summary>---</summary>——描述有关文档或文档片段的详细信息
九、iframe框架
1.广告嵌入等，<iframe src=“地址”>可以与a链接使用
2.<dialog>可以设置一个可以关闭的对话框里面加上open属性才可以看到，不然是看不见的
3.<details><summary>标题</>
十、全局属性
1.是所有标签都具有的属性，一个标签可以有多个class名
2.title也是全局属性
十一、特殊字符
1.空格符：&nbsp表示一个空格
2.小于号：&lt
3.大于号：&gt
4.版权信息：&copy
十二、css学习
1.html：原始
2.css：包装
3.Java：进行动作等
4.CSS书写的基本格式：选择器{属性:属性值;}
5.
十三、选择器
1.基本选择器：
①标签选择器：选择器结构：标签名{css属性名:属性值;}
②类选择器：选择器结构：.类名{css属性名:属性值;}
③id选择器（更具针对性）：选择器结构：#id属性值{css属性名:属性值;}
④通配符选择器：选择器结构：*{css属性名:属性值;}
2.包含选择器：
①后代选择器 选择器结构：选择器1 选择器2{css属性:属性值;}（都能选择）
②子代选择器 选择器结构：选择器1>选择器2{css属性:属性值;}（只选了一层）
3.复合选择器：（逗号选择器）
4.属性选择器：标签名[属性] { 声明即样式 }
5.伪类选择器：选择器结构：选择器:hover{css属性:属性值;}
6.其他选择器：（<li>$数值，自动写出数值行）
7.伪元素选择器：基本的伪元素选择器语法如下：
选择器::pseudo-element { property: value; }
①选择器双冒号伪元素名伪元素内容
②伪元素选择器的主要用途包括但不限于：
③设置元素内文本的首字母或首行的样式。
④在元素内容的前后插入特定的内容。
⑤为选中文本提供特殊的样式。