html 标签相关

简介

html (Hyper Text Markup Language ) 中文译为“超文本标记语言”，主要是通过 html 标记对网页中的文本，图片，声音等内容进行描述

基本结构

基本的标签	描述
	定义文档类型
	定义 html 文档
	定义 body 文档
to	定义 标题 1 到 标题 6
	定义段落
	插入一个换行
	定义水平线
	定义注释

标记

• • 称为根标记，用于告知浏览器其自身是一个 HTML 文档， 标记标志着HTML文档的开始，标记标志着HTML文档的结束，在他们之间的是文档的头部和主体内容。
• • 向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english
  • 这个主要是给搜索引擎看的，搜索引擎不会去判断该站点是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是中文站，对html页面本身不会有影响

标记

标记用于定义 HTML 文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记。

一个 HTML 文档只能含有一对标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

标记

标记

标记用于定义 HTML 文档所要显示的内容，也称为主体标记。

浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内，标记中的信息才是最终展示给用户看的。

一个HTML文档只能含有一对标记，且标记必须在标记内，位于头部标记之后.

标记分类

单表记

• 分割线

  • ---

• 换行标签
  • 
    
• 图片标签
  • 属性
    • src 图像的路径
    • alt 文本描述
    • width 宽带 单位 px
    • height 高度 单位 px
    • titil 悬停时文本

双标记

• 段落标签

  • 段类文本

• 标题标签
  • 标题文本
  • 其中 n 为 1，2，3，4，5，6，逐级递减
• 字体标签
  • 文本内容
  • hello world
• 引用外部资源文件
• 超链接
  • 文本或图像
  • 空连接
    • href = “#”
  • 可以对图片，文本，视频等添加超链接。
• 锚点链接
  • 通过创建锚点链接，用户能够快速定位到目标内容。
  • 创建锚点链接分为两步：
    • 使用链接文本创建链接文本。
    • 使用相应的id名标注跳转目标的位置。

文本标记化标签

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

• 加粗
  • 文本内容
  • 文本内容
• 倾斜
  • 文本内容
  • 文本内容
• 删除线
  • 文本内容
  • 文本内容
• 下划线
  • 文本内容
  • 文本内容
• 上标标签
  • X²
• 下标标签
  • log₂3
• 保留原格式文本

  •  hello       world

图像标记

HTML网页中任何元素的实现都要依靠HTML标记，要想在网页中显示图像就需要使用图像标记，接下来将详细介绍图像标记以及和他相关的属性

• 其基本语法格式如下
  • 
  • 该语法中src属性用于指定图像文件的路径和文件名，他是img标记的必需属性。
• 标记属性

属性	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时显示的内容
width	像素	设置图像的宽度
height	像素	设置图像的高度

特殊字符

特殊字符	符号	字符
	空格符
<	小于符	<
>	大于符	>
&	地址符	&
¥	人民币	¥
©	版权	©

列表

• 无序列表

      /*type 值有三个，一个 disc（默认值） square（方块） circle（空心圆）*/
  	
  
  		
  
  		
  
  		
  
  	
  

  • 只能在 li 标签放其他标签
• 有序列表

      /*
      value1表示有序列表项目符号的类型, value2表示项目开始的数值.
      start是编号开始的数字，如start=2则编号从2开始，如果从1开始可以省
      略，或是在
  标签中设定value＝"n"改变列表行项目的特定编号，例如
      
  。type=用于编号的数字,字母等的类型，如type=a，则编
      号用英文字母。使用这些属性，把它们放在
  或
  的的初始标签中。
      */
      
  
  		
  
  		
  
  		
  
  	
  

  • 只能在 li 标签放其他标签
• 自定义列表

  
  	
  你在干嘛
  		
  吃饭
  		
  洗澡
  	
  你要吃饭？
  		
  不吃
  		
  你自己吃