HTML整理1_html方法整理-CSDN博客

浏览器数据请求过程:

1. 打开一个网站的时候，浏览器发送请求报文给服务器

2. 服务器会将请求报文的内容进行解析，解析完毕后，发送"响应报文"返回给浏览器

4. 浏览器将"响应报文"的解析结果呈现给用户

什么是HTTP协议

http://www.baidu.com 协议类型是http://

超文本传输协议（HTTP，HyperText Transfer Protocol) 用来规范浏览器和服务器的沟通

什么是HTML

超文本标记语言 HyperText Markup Language缩写作用:给文本添加语义。告诉浏览器哪些标题，哪些是段落。

html文件可以被记事本打开, 是一个纯文本文件

W3C

W3C是全球互联网最具权威的技术标准化组织

负责web方面标准的制定，像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。

html基本结构

<!DOCTYPE>

<html>

</header>

<body>

</body>

</html>

meta标签

<meta charset="GBK" />, 作用: 指定字符集 (不同的字符集对应不同的文字)

GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文 // 体积比较小

UTF-8里面存储的世界上所有的文字 // 体积比较大

DTD文档声明

作用: 让浏览器识别HTML版本规范

<!DOCTYPE> （<!DOCTYPE html> h5的规范）

必须是 HTML 文档的第一行

不是 HTML 标签

不区分大小写<!doctype>

每个浏览器有自己的机制，不写也可以运行

H标签 <h1></h1>

一共有6个, 从H1~H6，超过6则无效

会独占一行，H1最大, H6最小

在企业开发中一般情况下一个界面中只能出现一个H1标签

P标签 <p></p>

告诉浏览器哪些文字是一个段落, 会单独占一行

<hr>

分割线，会单独占一行

<br>

换行

img标签(image)

作用: 在网页上插入一张图片

src ：路径 (source)

alt: 当图片不存在时, 显示说明

title：悬停描述

height， width

不会独占一整行。图片等比拉伸, 只写高度或者宽度即可

绝对路径：从根目录开始查找（移植性太差、把写到的代码拷贝到另外一台电脑上不能够正常运行）

相对路径：在当前.html目录中查找

a标签

href：跳转的地址

target：默认self （_blank 开一个新的页面跳转, _self当前页面跳转）

http: 不安全 https 安全

base标签

target

放在header标签里，作用：指定整个网页按照哪种格式打开 _blank _slef

既有base指定，也有a标签指定，按照a标签

假链接# 和 javascript

#会跳转到顶部 javascript 则无效

无序列表ul li (unordered list) li 英文是 list item, 翻译为列表项

ul是一个组标签

li标签不能单独存在, 必须包裹在ul里面

 <h4>选择居住城市(CN)</h4>
    <ul>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>铁岭</li>
    </ul>

有序列表(ordered list)

 <h4>中国房价排行</h4>
    <ol>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>铁岭</li>
    </ol>

定义列表(definition list)

dt英文definition title, 翻译为定义标题

dd英文definition description, 翻译为定义描述信息（dt dl 相当于一个li ）

<dl>
        <dt>北京</dt>
        <dd>国家的首都, 看升国旗的地方</dd>
        <dt>上海</dt>
        <dd>魔都, 遍地是黄金的地方</dd>
    </dl>

dl应用场景:

网站底部相关信息
但凡看到一堆内容都是用于描述某一个内容的时候就要想到dl

本内容收集与网络，部分转载极客江南，并将内容提炼整理。