前端基础之HTML

HTML

1、Web标准构成

1、结构
用于对网页元素进行整理和分类（HTML）-最重要
2、表现
用于设置网页元素的版本、颜色、大小等外观样式（CSS）
3、行为
指网页模型的定义及交互的编写（JavaScript）

2、HTML

1、HTML语法规范

1.1

1.2 标签关系
1）包含关系

2）并列关系

2 HTML基本结构标签

2.1第一个基本HTML

3 DOCTYPE和Long以及字符集的使用

1. lang语言-显示当前文档显示的语言
   
   
2. charset是多个字符的集合，以便计算机能够识别和存储各种文字
   在标签内可通过标签的charset属性来规定HTML文档内应该使用哪种字符编码
   

总结：

4、HTML常用标签

1. 标题标签

   -

   
   

2. 段落和换行标签

<p>段落标签</p>

<br /> 换行标签
1、强制换行
2、跟段落与段落之间还不一样，换行之间不会有太大缝隙，而段落间有行距

3. 文本格式化标签-为文字设置粗体、斜体、下划线等效果

 加粗：<strong></strong>或<b></b>,推荐<strong></strong>
 斜体：<em></em>或<i></i>，推荐<em></em>
 删除线：<del></del>或<s></s>，推荐<del></del>
 下划线：<ins></ins>或<u></u>，推荐<ins></ins>

4. <div>和<span>盒子标签
   div：分割分区，span：跨度跨距
   1、div标签用来布局，但是现在一行只能放一个

   。大盒子
   
   2、span标签用来布局，一行可以放多个 。小盒子
   

5. 图像标签
   

1、src是标签的必须属性，用于指定图像文件的路径和文件名
2、alt,图像显示不出来的时候用alt里的文字替换

3、title提示文本，鼠标放到图像上提示的文字
4、width 图像宽度
宽高一般只设置一个 ，但比例压缩
5、border给图像设置边框

6. 相对路径&&绝对路径
   1、相对路径
   
   2、绝对路径
   

7. 超链接标签
   1、语法格式
   2、链接分类
   外部链接、内部链接、空链接、下载链接、网页元素链接、锚点链接
   

8. 书写表格
   1、表格基本语法
   2、表头单元格
   
   3、表格属性（不常用，在CSS设置）
   
   
   4、表格结构标签

标签表格头部区域 标签表格的主体区域 5、合并单元格  合并单元格方式：rowspan、colspan  在目标单元格上写合并代码  三部曲： 

9. 无/有序/自定义列表

• 无序列表<ul><li> </li></ul>
• 有序列表 <ol><li> </li></ol>

 <ul>标签里面只能放<li>标签
 <li>标签里可以放其他标签

• 自定义列表
  

<dl>
		<dt>名词1</dt>
		<dd>名词1解释1</dd>
		<dd>名词1解释2</dd>
</dl><!--dl里面只能包含dt和dd-->

10. 3~4个常用input表单 类型
    

• 表单域一个包含表单元素的区域 ，会把它范围内的表单元素信息提交给服务器
  
• input表单元素之type属性
  
  
  
• input表单元素其他属性
  
  
• 为input元素定义标注(标签)
  

当点击男这个字时光标就放在按钮

• checked=“checked” 一打开就默认选中

11. 下拉列表表单，使用表单元素实现注册页面

• 语法

12. 多行文本框
    
13. 文档查询
    

5、HTML中的注释和特殊字符

1. 注释标签

 <!-- 注释内容-->  快捷键 ctrl +/

1、 特殊字符