【前端基础-Pink老师】

B站pink老师视频，整理，原视频地址在下方。
B站pink老师前端原视频地址

标题标签：

<h1></h1>作为标题来使用，并且依据重要性递减。

1. 标题一共六级选，
2. 文字加粗一行显，
3. 由大到小依次减，
4. 从重到轻随之变，
5. 语法规范书写后，
6. 具体效果刷新见

段落标签：

<p></p> 把文章分成多个段落

1. 文本在一个段落中会根据浏览器窗口的大小自动换行
2. 段落和段落之间有空隙。

换行标签：

<br />单身标签

1. 单标签
2. 标签只是简单地开始新的一行，跟段落不一样，段落之间有一些垂直的间距。

文本格式化标签：

•	粗体<strong> </strong>  <b></b>
•	斜体<em></em>  <i></i>
•	下划线<ins></ins>  <u></u>
•	删除线<del></del>  <s></s>

div、span标签：

没有语义，就是一个盒子，装内容

•	<div></div>独占一行、大盒子
•	<span></span>可并列一行、小盒子

图像标签和路径：

1. 图像标签：

<img src="URL" />   

o src是必须属性，图像文件的路径和文件名
o Alt文本，替换文本，图像不能显示文字
o Title文本，提示文本，鼠标放到图片上显示文字
o Width宽
o Height高
o border边框

2. 路径

o 目录文件夹：普通文件夹，里边包含index等。
o 根目录：打开目录文件夹
o 相对路径：同级、下一级路径（/）、上一级路径（…/）
o 绝对路径：电脑中的某一个确定位置、完整的地址

超链接标签：

1. 链接的语法格式

`<a href="" target="">`

o href是必须写的，用于指定链接的url地址，必须属性
o target指定页面的打开方式，_self为默认值，_blank为在新窗口中打开方式

2. 链接分类：

o 外部链接：网址
o 内部链接：网站内部的跳转
o 空链接：#
o 下载链接：地址链接的是文件.EXE或者是.ZIP文件，会下载这个文件
o 网页元素链接：视频、音频、文本、表格、图像都可以添加超链接。
o 锚点链接：可以快速链接到页面中的某个位置
o href属性，设置#名字
o 目标位置标签，id=刚才的名字

注释标签和特殊字符：

• 注释：ctrl+/
• 特殊字符：空格、大于、小于

表格标签：显示数据、展示数据

1. 表格基本语法：

<table>定义表格的标签
<tr>行
<td>单元格内文字</td>单元格
</tr>
</table>

2. 表头单元格标签：

<table>定义表格的标签
<tr>行
<th>加粗居中格式</th>单元格
</tr>
</table>

3. 表格属性：写在table标签里边的
   o align:left、right、center
   o border：1或者""（没有）
   o cellpadding：像素值，单元格边沿与内容的空白，默认1px
   o cellspacing：像素值，单元格之间的空白，默认2px
   o width：宽度

4. 表格结构标签：

o	表格头部<thead>,里边必须有<tr>
o	表格主体<tbody>

5. 合并单元格：
   o 跨行：rowspan 竖，目标单元格为上
   o 跨列：colspan 横，目标单元格是左

6. 列表标签：布局页面

a. 无序列表：

<ul>      ul里只能放li
<li>列表项</li>        li里可以放任何
<li>列表项</li>
<li>列表项</li>
</ul>

b. 有序列表：

<ol>
<li>列表项</li>
<li>列表项</li>
</ol>

c. 自定义列表：

<dl>     只能包含dt、dd
<dt>名词1</dt>       一个dt多个dd
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
 

表单标签：表单有表单域、表单控件、提示信息

表单控件：定义各种表单元素，允许用户在表单中输入或者选择的内容控件。

1. intput输入表单元素：收集用户信息、单标签

<input type="属性值">

属性：
a.type
• button 定义点击按钮 普通按钮 获取验证码不提交，搭配js
• reset 重置按钮 还原表单元素初始的默认状态
• submit 提交按钮 提交后台服务器
• checkbox 复选框
• radio 单选
• file 文件域 上传文件
• hidden 隐藏输入字段
• image 图像形式提交按钮
• text 文本框，可以输入任何文字，字符不掩盖
• password 密码框，字符被掩盖
b.其他常用属性
• name表单元素名字,单选按钮\复选按钮必须有一样的名字
• value 元素的值 ，在文本框内显示
• checked首次加载时，选中按钮，单选按钮和复选框可以设置
• maxlength字符最大长度，正整数
c.标注标签：

<label></label>把鼠标放在文字上，就选中表单，增加用户体验
<label for="sex">男</label>
<input type="text" id="text">

2. select下拉表单元素:节约空间

<form>
<select>     至少包含一对<option>
<option></option>
<option  selected=""selected（选中）></option>
</select>
</form>

3. textarea文本域元素

<textarea  clos="50"  rows="5">小杨小羊</taxtarea>

• rows:显示行数
• cols：每行字符数