HTML（超文本标记语言）

网页本身是一个文本文件（除了文字，暂无其他），如果遇到图片、音视频如何在页面中正常的显示，需要通过超文本（标签）来进行引入才可以在页面中正常的显示

超文本（标签）

标签语法：是由成对的尖括号和关键字组成
关键字：是已经规范好的，不能随便瞎起

标签的分类

• 开始标签
   
• 结束标签
• 空标签
  

HTML元素以及分类

• 由开始标签加结束标签加内容组成
  • 内容

     
• 空元素：给html元素添加功能
  • ’插入图片功能’

HTML常用的元素有哪些

• h1-h6 标题
• ul 无序列表
  • li 列表项，默认前面有小黑点
• ol 有序列表
  • li 列表项，默认前面有序号
• dl 自定义列表
  • dt 标题，最好出现一次
  • dd 描述，可以出现多次
  • 一般用在网站底部、新闻摘要结构中
• div 区分大模块
• span 区分行内小模块
• img 插入图片
  • src 图片的地址、路径
  • alt 描述图片 当图片地址不存在或错误时才会在页面中显示

• a 超链接、锚点
  • href=”“网址 路径
  • target=blank 在新窗口打开 当前页面还在

• p 段落
• strong　加粗，有强调作用
• ｂ 加粗
• em 斜体，有强调作用
• i 斜体
• table 表格
  • tr 行
  • td 列

表单类标签

一般用在登录、注册、问卷调查

<label>用来描述表单功能</label>
<input type="text">文本框
<input type="password">密码框
<input type="button" value="登录">提交按钮
<input type="radio" name="">单选按钮
<input type="checkbox">多选按钮
<textarea maxlength="10" minlength="">文本域</textarea>
maxlength最大长度 minlength最小长度


• input 文本框
  • type=”text”文本框
  • type=”password”密码框
  • type=”button”提交按钮 value 值
  • type=”radio”单选按钮
  • type=”checkbox”多选按钮
  • placeholder 占位符 一般用在input标签中的text、password类型上
• select下拉框 option值

标签语义化（腾讯面试题）

合理的标签做合理的事情

webstorm快捷键

注释的快捷键

1.单行注释 ctrl+ /
2.多行注释 shift+ctrl+/ （添加、取消）
（开发人员能看见 用户看不到）

HTML的基本结构

HTML文件是一个网页，也被称作文档（document）

html就相当于是根元素

声明文档
作用：定义这个文档类型，浏览器先去解析这句话，会按照这个文档类型去解析HTML页面

声明文档必须放在第一行，不能删除，否则会发生怪异模式
一般高版本兼容低版本，在工作中，用HTML5的文档声明就可以

HTML元素
由开始标签和结束标签组成的
告知浏览器本身是一个HTML文件（页面）

HEAD元素
HTML页面的头部，自带一个隐藏的功能，css属性：display:none ;消失，隐藏

META元素

• charset=’UTF-8’文档编码
  • UTF-8 常用
  • gb2312
• name=”keywords” content=”描述网站的关键字”
• neme=”description” content=”描述网站的一段文字”

关键字、描述利于SEO优化、引擎搜索。。。

TITLE标题
网页的标题（一个页面只有一个标题），在页卡位置显示

BODY元素
body是网页中的主体部分，所有的标签（元素）都写在body内，供用户查看的内容