web前端学习（1）

1.1、什么是html

HTML 是用来描述网页的一种语言

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)。
• HTML 不是一种编程语言，而是一种标记语言 (markup language。、
• 标记语言是一套标记标签 (markup tag)

1.2、前端组成

前端分为：
1.html：结构
2. css：样式
3. js：效果

2.1、常用标签

2.1.1 标题标签（h）

• 文本标题标签自带加粗，有自己的文本大小，独占一行，有默认间距
• <h1>文本内容</h1>

注意：

1. 这是一个双标签
2. 每个文章只能有一个h1标签。

2.1.2 段落标签（p）

• 标识一个段落（段落之间有距离）

<p>文本内容</p>

注意：

这是一个双标签

2.1.3 换行（br）

换行是一个空标签（强制换行）

<br>

2.1.4 水平线

<hr>

2.1.5、加粗有两个标记(推荐strong)

<b>加粗内容</b>只是显示加粗
<strong>强调的内容</strong>突出的文本

2.1.6、倾斜有两个标记(推荐em)

<em>强调文本</em>
<i>倾斜文本</i>

2.1.7、删除线有两个标记(推荐del)

<s>文本</s>删除线
<del>文本</del>删除线

2.1.8、扩展

<u>文本</u>下划线<
sub></sub>下标
<sup></sup>上标

3.1、特殊符号

特殊符号大全

4.1 div标签和span标签

1. div标签：没有具体含义，用来划分页面区域，独占一行。
2. **span标签：**没有实际的意义，主要运用在文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

5.1、列表

5.1.1. 有序列表：

<ol>
    <li>第一项</li>
    <li>第二项</li>
</ol>

注意：

• ol里面只能由li组成
• li里面可以有其他的标签
• type：1；A；i；I；a；
  start：从什么开始（取值只能从数字开始）

5.1.2、无序列表

1. ul与li之间不能有其他的字符，但是li里面可以有其他的字符
2. 默认的是黑色的实心圆
3. type： disc（默认） circle（空心圆） square（小正方形） none（什么都没有）

<ul>
    <li>项</li>
    <li>项</li>
</ul>

5.1.3、自定义列表

<dl>
<dt> 项目</dt>
  <dd>描述项目</dd>
<dt>项目2</dt>
  <dd>描述项目</dd>
</dl>

6.1 图片标签的路径

mg-- 单标签
src: 引入图片的地址
alt: 当图片出现问题的时候，可以显示一段提示文字
title：提示信息（鼠标移动到图片上会出现提示信息）
width，height：图片大小调试

 <img src="./-3d9c5e6c3d9f803b.jpg"alt="这是我女朋友"width="300"height="200"title="这是我女朋友">

6.2 链接跳转

一般是通过标签a来表示。即：

a–双标签
href属性:链接的地址
target属性：改变打开的方式，默认为当前窗口打开 -self ； 新窗口打开**-blank**
base-----改变窗口打开的默认方式

<a href="baskjdba"></a>

6.3 table表格

–表格标签

table：表格里的最外层容器
tr：定义表格行
th：定义表头
td：定义表格单元
caption：定义表格标题（一般在最前面）

–表格属性

border：表格边框
cellpadding：单元内的空间
cellspacing：单元格之间的空间
rowspan：合并行
colspan：合并列
align：左右对齐方式 （left，center，right ）
valign：上下对齐方式（top，middle ，bottom，）

1. table属性

宽度 width
高度 height
边框 border
边框颜色 bordercolor
背景颜色 bgcolor
水平对齐 align=“left或right或center
cellspacing="单元格与单元格之间的间距cellpadding="单元格与内容之间的空隙

2. tr属性(行)

1. 高度 height
2. 背景颜色 bgcolor
3. 文字水平对齐 align=“left或right或center
4. 文字垂直对齐 valign=“top或middle或bottom

3. td属性

1.宽度 width
2. 高度 height
3. 背景颜色 bgcolor
4. 文字水平对齐 align=“left或right或center
5. 文字垂直对齐 valign=“top或middle或bottom”

注意：
如果一个单元格设置了宽度，那么其他的列都会受到影响。
如果一个单元格设置了高度，那么其他的行都会受到影响。

表格合并：

Colspan=“所要合并的单元格的列数”必须给td。
Rowspan=“所要合并的单元格的行数”必须给td。

6.4、表单标签

form：表单的于搜集用户信息，根据不同的type属性值，展示不同的效果，如输入框，密码箱，复选框等。

type属性：
1.text：普通的文本输入
2.password：密码输入框
3.checkbox：复选框
4.radio：单选框
5.file：上传文件
6.submit：提交按钮
7.reset：重置按钮`
8.textarea：多行文本
9.select，option：下拉菜单，一般都合在一起用
label：辅助菜单；即：在选择的时候可以点击文字即可选中

注意：

Form当中method的post和get的区别?

1. get是从服务器上获取数据，post是向服务器传送数据
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3. 对于get方式，服务器端用Request.OuervString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据4.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IS4 (InternetInformation Service 互联网信息服务)中最大量为80KB，IS5中为100KP