前端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

通用选择器 *

原文地址:https://www.cnblogs.com/shish/p/13346574.html