HTML语言基础

基本认识

超文本标记语言（可以展示内容的类型超过原本的文本格式）

结构：head-头部，body-身体

	
    
	
    



	
    我的内容

运行方式：本地（本地html文件）、远程（服务器html文件）

标签

用来标记内容类型的一种标记格式

• 标签用两个尖括号“<>”括起来
• 一般是成对出现，如 前一个是起始标签，后一个是结束标签
• 双标签中间的文本是html元素内容
• 单标签只需要单独使用就能完整表达意思，如
  

  ---

• 元素指的是从开始标签到结束标签的所有代码
• 起始标签内可以放属性字段，如 文字
• 标签不能交叉嵌套
• 标签必须被正确关闭
• 注释不能嵌套
• HTML不严谨（多浏览器解释器不一致），有时标签不闭合，属性值不带“”也不报错

idea自动补全html标签

webstorm(idea)常见自动补全方法和常用快捷键

标签自动补全：

• 纯标签补全
  例：输入h1,按Tab键，

• 纯标签+地址“id”
  例：输入h1#ccg,按Tab键，

• 纯标签+类“class”
  例：输入h1.ccg,按Tab键，

• 标签+子标签+子标签个数
  例：输入div>p*6,按Tab键，

• 标签+类+子标签+子标签个数+子子标签+地址+}HTML}
  例：输入ul.menu>li*6>a[href=#]{HTML},按Tab键，

快捷键搜索功能

• ctrl+F ：搜索当前文件的东西，可实现替换相同标签。
• 双击shift：全局查找。
• ctrl+E：查找最近打开过的文件
• ctrl+shift+N :通过文件名快速查找过程内的文件
• ctrl+K：查找下一个
• ctrl+shift+K：查找上一个
• ctrl+shift+R：指定目录内代码批量替换
• ctrl+shift+F： 指定目录内代码批量查找

标签类型

字符实体

空格、尖括号这些特殊符号，如果要在网页中显示，它们要在html文件中使用字符实体

比如，空格用 

表单标签

主要用于向服务器资源提交数据的一个元素

*可以是get或者post等

常见标签

div:把文档分割为独立的、不同的部分,是一个块级元素。它的内容自动地开始新行

p:定义段落，会自动在其前后创建一些空白

span:内联元素，如果不对span应用样式，span标签没有任何的显示效果，用来控制某个关键的内容展示效果