HTML标签

一、HTML（超文本标记语言）

1.1 超文本语言（Hyper Text Markup Language）

前端最大的问题就是兼容性（不同的浏览器，呈现的不一样）

xhtm：格式很严谨，定义好的格式（不怎么用）是XML和HTML的结合，比HTML更加严谨

html：不严谨，不区分，不能自定义标签（学习的是成熟的标记）

xml：可扩展的标记语言自定义标签

html5.0:IE6 —>IE7跨度比较大

1.2 HTML是由标签组成

<标签名></标签名>（通常情况下标签是成对出现的）

特殊的没有标签体的标签

标签是可以嵌套使用的

1.1.1 标签还由属性组成

HYML的后缀.html和htm（很少）

head

网页编码格式：

Iso-8859-1英文编码格式（默认编码格式）

gbk（7000多个汉字）、gb2312（两万多个汉字） 中文编码格式

utf-8（日文，德文，法文~），utf-16 国际标准编码格式

1.1.2 怎么解决乱码

DOCTYPE(文档类型)

二、开发工具webstorm

2.1 注释和编码格式

2.2 meta标签

后期网页刷新用js来实现

2.3 基本标签

网页中空格换行都没有效果

HTML 特性：容错性很强，不区分大小写

2.3.1 a标签作为页面链接使用

<a href = "链接地址" “target=“_blank">百度一下，你就知道</a>

这是我的网页

target: self 当前窗口

target：blank 新窗口

2.3.2 a标签作为快速定位使用

a标签创建锚点

xx代表另一个网址名称

• 公司介绍 招聘信息 产品介绍 联系方式

• 公司介绍xxxxxxxxxxxxx

• 招聘信息xxxxxxxxx

2.3.3 常用标签

标题标签<h1>- </h6>
<!--段落标签-->
<p>
    这是一个段落
</p>

<!--预格式标签-->
<pre>
    for(int i = 0;i<10;i++){
        System.out.println("hello");
    }
</pre>

px可省略，font已经被弃用

快捷元素：（换行标签）

行级元素：（不换行标签）

2.4 列表标签

2.4.1 有序列表olOrderedList

1.ol

尽可能快捷嵌套行级

尽量嵌套在

1. 的
2. 里面，否则会打乱原本的结构

type: 1,i,I,a,A

2.4.1 无序列表ul unorderedList

2.4.3 定义列表dl definedList

dl dt dd

2.5表格标签

2.5.1行，列，单元格

border 设置边框像素 align默认是left

rules：边框显示规则 rows；all；cols（columns）

tr里valign： top；middle；bottom 不能设置宽度，可以设置高度

表格永远是自动对齐，不受控制，随内容大小改变

默认所有内容都在tbody中（不写tbody也一样），表格从上到下 解析

thead-tbody-tfoot，表格解析从头到脚

• 

2.5.2跨行跨列

1.跨行（rowspan）：要去删除其他tr中对应的td（？）

2.跨列（colspan）：要在当前的tr中删除对应的td

3.跨行又跨列：

• 

2.6表单标签

form 属性：

action：表单提交的路径

常见的表单元素：

2.6.1 input

1.type

用户名：

:text(默认) maxlengh（最大长度） value=“请输入用户名” （文本框的值）readonly= “readonly”（只读，可以提交） placeholder：输入提示 disabled：完全禁用，不可提交

password：

密码框

radio：单选框，name相同为一组且互斥 checked单选

多选checkbox

image：图片类型（当点击图片，表单会提交到action指定路径之中）只有在表单内的时候才具备提交功能

reset：重置 回到表单的初始状态，只对当前表单里的元素生效

button：一个普通按钮，自带提交功能

submit：提交（和image具有相同功能）

提交方式：method=“get”（直接出现在浏览器ul地址后，不安全） method=“post”(相对安全，但不绝对安全)

下拉标签：

hide标签

text标签

2.补充标签

label标签

iframe标签：内嵌网址，（制作左边网址右边源码可以应用）

2.6.2 作业

•