web前端总结（一）HTML标签

1.语法结构：
<标签 属性 = “值”>内容

标签内容

2.标签

1.标题标签：

**标题标签 
 - 
（重要）**
为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML 提供了6个等级的网页标题，即
-
 。具体实现：      
 我是一级标题 
特点：
1.加了标题的文字会变的加粗，字号也会依次变大。
2.  
标题一共六级选,
   
3.  
文字加粗一行显。
   
4.  
由大到小依次减，
 
5.  
从重到轻随之变。
 
6.  
语法规范书写后，
  
7.  
具体效果刷新见。

2段落标签：

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。
在 HTML 标签中，
标签用于定义段落，它可以将整个网页分为若干个段落。
具体实现：    
 
 我是一个段落标签 
 特点：   
  1. 文本在一个段落中会根据浏览器窗口的大小自动换行。    
  2. 段落和段落之间保有空隙。

3 换行标签，水平线标签:

在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，
然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签 
。
具体实现：     
 

 特点：    
 1. 
 是个单标签。    
 2. 2. 
 标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距

单个标签，是文字下方产生一条水平线

4 文本格式化标签：

在网页中，有时需要为文字设置粗体、斜体 或下划线等效果，
这时就需要用到 HTML 中的文本格式化标签，使文字以特殊的方式显示。

5.无语义标签

 和  是没有语义的，它们就是一个盒子，用来装内容的。
具体实现：    
 
 今日头条
         
  今日价格 
 特点：    
 1. 
 标签用来布局，但是现在一行只能放一个
。 大盒子    
 2.  标签用来布局，一行上可以多个 。小盒子

6 图片标签：

在 HTML 标签中， 标签用于定义 HTML 页面中的图像。
具体实现：     
      --分清楚绝对路径和相对路径
 解释：    
 src 是标签的必须属性，它用于指定图像文件的路径和文件名。    
 所谓属性：简单理解就是属于这个图像标签的特性。图像标签的其他属性：

7.视频标签：

   这里的src与上面的图片标签的路径如出一辙
相关属性
    controls:控件
    autoplay：自动播放
    muted:静音播放
    poster：等待加载时的显示图片

8.音频标签

相关属性：loop 循环播放   别的就不解释了上面视频标签都有
    

9.链接标签：

链接的语法格式   
  文本或图像 
 属性：   
  1.href：用于指定链接目标的url地址   
  2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开    
  3.#：空链接
  

锚链接也是其中一种用法

10.有序/无序列表，自定义列表:

    

        

    
这个排列出来会自动标出序号，即有序列表
    

        

    
这个则不会

自定义列表：

                

                    

                
            

11.iframe框架：

链接标签练习：