前端HTML部分笔记

 

1. 超链接

target="_blank" 表示超链接在新窗口打开， 没有target属性就是在当前窗口打开

2. 列表

2.1 无序列表

<ul type="disc"> 表示实心圆， 默认

type="circle" 表示空心圆

type="square" 表示实心方块

2.2 有序列表

<ol type="1"> 表示数字，默认

type=“a" / "A" 表示小，大写字母排序

type="i" / "I" 表示小，大写罗马字母排序

3. 表格

3.1 基本

<table> 

border属性：边框

cellspacing：边框间隙

<tr>（一行）

width：宽度

align：对齐方式

<td>（单元格）

width：宽度

align：对齐方式

<col> 一列（单标签）

width：宽度

align：对齐方式

3.2 合并单元格

<td colspan=”x“>,占据x个单元格（列合并）

<td rowspan="x">,占据x个单元格（行合并）

3.3 补充

1. 表头使用<th></th>加粗居中

2. 列分组 <colgroup span="3" width="100px">

相当于写3个<col width="100px"> 

3.  四行三列快速生成：tr*4>td*3 + Tab键

4. 表单

1. form必须有action 属性，提交的目的网址

2. 所需要提交的数据，input中必须要有name属性

3. input按钮的文字，使用value属性表示

4. input必须放在form标签才能提交

4.1 input 标签常见类型

text：文本输入框； password：密码输入框； radio：单选框； checkbox：复选框

button：普通按钮；submit：提交按钮；reset：重置按钮；file：文件选择框

5. get请求和post请求的区别

1. get 请求通常表示获取数据

2. post请求通常表示提交数据

3. get请求发送的数据都写在地址栏上，用户可见

6. 容器

span：容器标签，仅当容器使用，用于包裹一段文本，便于给文本增加样式。

div：通用容器，可嵌套，可重复

margin：auto; 元素水平自动居中

text-align：center 内部元素居中

7. css选择器

id 选择器 #box

类别选择器 .nav

标签选择器 div

通用选择器 *