HTML笔记2

HTNL基础

纯文本文件

只保存文字内容，不保存任何样式（字号，颜色等）
【一个汉字是2个字节】
Txt:只保存文字内容，不保存任何样式;
Word:保存文字，样式；
【Txt 文件样式设置后只是本机显示，不保存在文件中，其它计算机查看，则为默认显示状态】
HTML,css,JS都是纯文本文件
专门制作网页的软件：
Dreamweaver
Sublime 高效率程序书写工具
Webstorm 高级项目编程工具

HTML基本概念

HTML：超文本标记语言，一种描述网页的语言。
作用：负责描述文档语义的语言。
HTML用文本来描述文本的语义， 所用到的文本既 超文本（在浏览器渲染时不显示，在编译器中以文本形式存在）；不负责描述修改文本的样式，只是通过标签给文本添加语义
将两个标签内部的文本添加了一个一级标题的语义
将两个标签内部的文本添加了一个二级标签的语义
将两个标签内部的文本添加了一个段落的语义
h1只是添加语义，css添加样式（字体，颜色）

输入 html:xt 后会自动生成网页模板
h$*3 生成

sublime
标签名…tab 自动生成标签
h $ * 数字 生成h1到h数字的标签
标签名 * 数字 生成数字多个的同一标签
Ctrl +滑轮滚动 放大缩小文字
按住滚轮拖动 选中多行，一起进行编辑
Ctrl+shift+D 复制光标所在行
Ctrl+shift+K/ctrl+X 删除光标所在行
Ctrl+shift+↑ 上移当前行
Ctrl+shift+↓ 下移当前行
html:xt→ctrl+E 自动生成HTML文档结构
标签名→tab 自动生成标签对

HTML结构

HTML：最根本的标签，表示整个的网页。
Head:网页的头部，里面都是一些网页的配置，除了title标签，其他的内容在浏览器上都是不可见的
Title:网页标题
Body:用户能看到的内容区域