HTML-1

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


标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记。
一个HTML文档只能含有一对标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。


</code>标记用于定义HTML页面的标题,即给网页取一个名字,必须位于<code><head></code>标记之内。一个HTML文档只能含有一对<code><title>标记,之间的内容将显示在浏览器窗口的标题栏中。其基本语法格式如下:网页名称


标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内,标记中的信息才是最终展示给用户看的。一个HTML文档只能含有一对标记,且标记必须在标记内,位于头部标记之后.


  • 双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下:<标记名>

  • 单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下:<标记名/>


  • 水平线标记

    在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标记来完成,
    就是创建横跨网页水平线的标记。其基本语法格式如下:

    是单标记,在网页中输入一个
    ,就添加了一条默认样式的水平线。

  • 换行标记

    在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标记
    ,这时如果还像在word中直接敲回车键换行就不起作用了。

  • 段落标记


    在网页中要把文字有条理地显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标记就是


    是HTML文档中最常见的标记,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。


  • 标题标记
    为了使网页更具有语义化,我们经常会在页面中用到标题标记,HTML提供了6个等级的标题,即

    ,从

    重要性递减。其基本语法格式如下:标题文本


  • 文本样式标记
    多种多样的文字效果可以使网页变得更加绚丽,为此HTML提供了文本样式标记,用来控制网页中文本的字体、字号和颜色。其基本语法格式如下:文本内容

  • 文本格式化标记
    在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标记,使文字以特殊的方式显示。
    文本格式化常用标记
标记 显示效果
文字以粗体方式显示(XHTML推荐使用strong)
文字以斜体方式显示(XHTML推荐使用em)
文字以加删除线方式显示(XHTML推荐使用del)
文字以加下划线方式显示(XHTML不赞成使用u)
控制网页文字颜色,大小,字体。
文字加粗
文字斜体
文字下划线
文字删除线

  • 图像标记
    HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来将详细介绍图像标记以及和他相关的属性。其基本语法格式如下:
    该语法中src属性用于指定图像文件的路径和文件名,他是img标记的必需属性。
属性 属性值 描述
src URL 图像的路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停时显示的内容
width 像素(XHTML不支持%页面百分比) 设置图像的宽度
height 像素(XHTML不支持%页面百分比) 设置图像的高度

注意:

  1. 暂时没有确定链接目标时,通常将标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
  2. 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
  3. 超链接也可以做下载的功能,但是不推荐:下载

  • 锚点链接
    通过创建锚点链接,用户能够快速定位到目标内容。
    创建锚点链接分为两步:
  1. 使用链接文本创建链接文本。
  2. 使用相应的id名标注跳转目标的位置。
    定义: XXXX
    使用: YYYYY

  • 特殊字符标记
特殊字符 描述 字符的代码
空格符  
< 小于号 <
> 大于号 `>
& 和号 &
人民币 ¥
© 版权 ©
® 注册商标 ®
° 摄氏度 °
± 正负号 ±
× 乘号 ×
÷ 除号 ÷
² 平方2(上标2) ²
³ 立方3(上标3) ³

  • 列表介绍(list)
    无序列表(ul)
  • 列表项1
  • 列表项2
  • 列表项3
  • ......

无序列表中type属性的常用值有三个,它们呈现的效果不同.
默认值 :

    实心圆
    方块    :

      空心圆 :

        有序列表(ol)

        1. 项一
        2. 项二

        -有序列表其他属性 type start
        -语法格式:

        value1表示有序列表项目符号的类型, value2表示项目开始的数值. start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在

      • 标签中设定value="n"改变列表行项目的特定编号,例如
      • 。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。使用这些属性,把它们放在
        1. 的的初始标签中。

          type类型 描述
          Type=1 表示列表项目用数字表示(1,2,3……)
          Type=a 表示列表项目用小写字母表示(a,b,c…)
          Type=A 表示列表项目用大写字母表示(A,B,C…)
          Type=i 表示列表项目用小写罗马数字表示(i,ii,iii….)
          Type=I 表示列表项目用大写罗马数字表示(I,II,III…)

          一般type的设置同样在css中设置

          自定义列表(dl)
          定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。其基本语法如下:

          名词1
          名词1解释1
          名词1解释2
          ...
          名词2
          名词2解释1
          名词2解释2
          ...

你可能感兴趣的:(HTML)