超链接
表单
前端
c:客户端
b:浏览器
s:服务器
c/s架构：特点：安装更新，更新时服务端客户端得同时更新，不能跨平台使用，通信采用自有协议（即自己的加密本，自己编码的只有自己可以解码），相对来说比较安全。
b/s架构：特点：通过使用浏览器访问网页的形式来使用软件，不用安装，软件更新时客户端不用更新，软件可以跨平台只要系统中有浏览器就可以使用。
新建文本文档
弄完后重命名该格式为html
html：超文本标记语言
（起始标签<标签名>） 标签体 （结束标签</标签名>）
UTF-8万国码，包含世界上所有文字与符号（推荐）
块元素：在页面中独占一行的元素 div 宽高边距可以设置 行内元素：在页面中不会独占一行
name:指定数据名称
布局标签（结构语义化） header:表示网页的头部，顶部 main:表示网页的主题部分，一个网页只有一个 footer:表示网页的底部 nav:表示网页中的导航 aside:和主体相关的其他内容（侧边栏） article：表示独立的文章 div:用来表示一个区块 span:没有任何语义，主要用于网页中选中文字
段落标签（<p></p>>）
（ 换行标签）
（<title>头部标签)
（<hr />水平线）
（<em></em>和<i></i>倾斜标签
<del></del>和<s></s>删除线
<strong></strong>加粗
<!--注释：对代码进行解释-->
(<div></div>)容器独占一行(特点) 多用于布局
<span></span>(行内)和<div></div>(块状)排版
图片标签：<img src="" alt="" title="" width="" height="" border="">
img标签
src：指向外部资源的位置
alt：是在图片无法显示的时候才会显示的提示语
height设置图片高度
width设置图片宽度
border设置图片边框
h1到h6独占一行越来越小(标题标签)
<input />
html框架： <html>
<head>
</head>
<body>
</body>
</head>
</html>
</ol>
<li>柏</li>
<li>一</li>
</ol>有序列表
有序列表–ol标签来创建有序列表，li表示列表项
</ol>
<li>柏</li>
<li>一</li>
</ul>无序列表
无序列表–ul标签来创建无序列表，li表示列表项
<dt>
dewdfw
</dt>
<dd>
qewdf
</dd>
<dd>
dqdqqfef
</dd>
<dd>
dqdq
</dd>
</dl>自定义
定义列表–dl标签来创建一个定义列表，dt来表示定义的内容，dd来对内容进行解释 列表之间可以相互嵌套
(<audio src="./images/music.mp3" controls muted autoplay loop></audio>)
音频标签
audio:在页面引入一个外部的音频文件,音视频引入默认情况下，不允许用户自己控制
muted:表示媒体元素是否被静音
属性：controls–是否允许用户控制播放 autoplay–音频文件是否自动播放(大部分浏览器不支持) loop:音乐是不是循环播放 video:在页面引入一个视频文件
视频标签
（<video src="./source/1.mp4"controls></video>）
内联框架
内联框架：在当前页面中引入一个其他页面 src:指定要引入的网页路径 frameborder:内联框架的边框，0表示没有 1表示有
(去淘宝)
( <iframe name="nn" frameborder="0" width="800px" height="200px"></iframe>)
超链接
超链接：可以从一个页面跳转到一个新的页面，或者当前页面的其他页面 使用a标签(行内元素)来定义超链接，a里面可以嵌套任何标签，除了自身 属性： href:指定跳转的目标路径
target属性：用来指定超链打开的位置 _self 默认值，在当前页面打开超链接 _blank 在新的页面中打开超链接
在开发中，可以将#作为超链接的占位符使用
）
特殊字符
锚链接
命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。
(<!--链接<a href="#one">底部</a
对应位置
<!--对应的锚点<div id="one">底部</div>
）
DAY2
元素显示模式：
块元素：独占一行 div 宽、高、内外边距可以设置
行内元素：一行可以存在多个 span 宽、高、内外边距不可以设置
行内块元素
表格标签
语法说明 1.<table>......</table>标签组表示表格的开始与结束，其他表格相关的标签全部都应放在其内部；
2.<caption>......</caption>标签组表示整个表格的标题，其位置必须紧跟<table>标签之下，且注意，一个<table>标签只能存在一个<caption>标签；
3.<tr>......</tr>表示单元格的行，一张表格中有多少行就有多少个<tr>；
4.<td>......</td>表示每行单元格中的列，每行单元格有多少列就有多少个<td>;
5.<th>.....</th>表示表头单元格，内容默认加粗并居中显示
1.单元格间距属性：
()<table cellspacing="数值">......</table>,表示的是每个单元格之间的间距
......
如果相对某个单元格设置背景，则直接在相应的单元格标签中添加，如：
<td bgcolor="颜色值">......</td>
table：border（只控制最外围大小）、width、height(tbody 值是底线，只高不低)、cellspacing(单元格与单元格之间的距离)
caption；通过css更改
thead、tr、tbody、tfoot:height\align（水平）\valign（垂直）
跨行：rowspan
跨列：colspan
(要把合并的消去)
跨列合并前
合并后
定义表格的头部:<thead>......</thead>
定义表格的主体:<tbody>......</tbody>
义表格的尾部:<tfoot>......</tfoot>
details：详情标签 配合summary使用
tabindex：让本不能tab遍历获取焦点的元素可以获取 可以为负数，0，正数
表单的基本结构
表单：网页交互区，收集用户信息
action:将数据交给谁处理
name：必有属性
method：提交方式
<form>元素定义HTML表单
使用<form>标签来创建表单
<input>元素是最重要的表单元素 <input>元素有很多形态，由不同的type属性决定
<input>标签支持全局属性和所有HTML事件属性
<textarea>元素 <textarea>标签定义一个多行的文本输入控件 文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier） 可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性
<select>元素和 <option>元素 <select>元素用来创建下拉列表 <select>元素中的<option>标签定义了列表中的可用选项
d身份证号，在一个页面中只能出现一次
class 一类 可以出现多个
accesskey 设置快捷键
data-* 自定义属性
css基本结构
选择器{
属性名： 属性值；
属性名： 属性值；
基本选择器
类型选择器
又名“标签名选择器”或者是”元素选择器“，因为它在文档中选择的对象是一个HTML标签/元素。
全局选择器
*（代指全局选择器）选中了文档中的所有内容（或父元素中的所有内容）。
类选择器
先定义类，才有选择类。
元素内添加上
class="类名
id选择器
元素内添加上id
通配符选择器
在CSS中，通配符选择器使用 * 定义，表示选取页面中所有元素（标签）。
子代选择器 选中亲生儿子
后代选择器 找到后代所有要找的元素
字体样式
/* 字体大小 */
/* font-size: 40px; */
/* 字体粗细 */
/* font-weight: bold; */
/* font-weight: 900; */
/* 100-900 400===normal 800===bold 100-900越来越粗 font-weight: 400;*/
/* 字体是否倾斜 */
/* font-style: italic/normal; */
/* font-family: "微软雅黑"; */
/* italic 900可省略，字体大小，font-family必须存在 */
复合选择器
复合选择器：多个基本选择器的组合使用形式。
作用：更准确、更高效地选择目标元素（标签）。
包含选择器又名后代选择器。 指标签和标签之间有 包含 关系（父子、爷孙都是包含），例如： <html> 标签包含了 <body> 标签。 我们可以对基本选择器进行组合，表现出包含关系，从而更加针对性地把样式作用于某些标签上。
属性选择器
属性选择器用来选中带有特定属性的元素。 属性选择器是基于一个元素自身是否存在（例如href）或者基于各式不同的按属性值的匹配，来选取元素。
首行
text-indent: 2em;按当前字体大小缩进两个字符
229
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
