HTML基本标签

什么是浏览器？

浏览器是安装在电脑里面的一个软件，能够让将网页内容呈现给用户查看，并让用户与网页交互的一种软件。
不同的浏览器有不同的浏览器内核，浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，从而导致了浏览器兼容性问题出现
IE内核 Trident
谷歌内核 WebKit / Blink
火狐内核 Gecko
Safarri内核 WebKit
欧朋内核 Presto
什么是服务器

什么是服务器？

服务器也是电脑，只不过是比我们的电脑配置更高的电脑，并且24小时不断电，不关机的计算机
服务器是专门用于存储数据电脑，访问者可以访问服务器获得服务器上存储的资源
服务器一旦关机，访问者就无法访问。
浏览器请求数据的过程

浏览器请求数据的过程

1.按下回车时浏览器根据输入的URL地址发送请求报文
2.服务器接收到请求报文，会对请求报文进行处理
3.服务器将处理完的结果通过响应报文返回给浏览器
4.浏览器解析服务器返回的结果，将结果显示出来

什么是HTML？

HTML其实是HyperText Markup Language的缩写, 超文本标记语言

网页的基本格式

html标签

作用:

用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档

注意点:

其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间

head标签

作用:

用于给网站添加一些配置信息
例如:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容

注意点:

一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到

title标签

作用:

专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题

注意点:

title标签必须写在head标签里面

body标签

作用:

专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)

注意点:

虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签

meta标签

在head标签中添加, 指定字符集

DTD文档声明

什么是DTD文档声明?

由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页。

DTD文档声明格式:

WebStorm中快捷键：

创建文件：Ctrl+Alt+insert
书写标签：标签名称+Tab
跳到本行最前面：home
跳到本行最后面：end
复制光标所在行：Ctrl+D
删除光标所在行：Ctrl+X
多行编辑：Alt+按鼠标左键下拖
给文字添加标签：Ctrl+Alt+T