HTML 简单标签

最近在自学前端语言,跟着慕课网上的课程学习,随手记下的笔记,亲如果看着异常熟悉那很可能就是同在一起奋斗的小码农了,如果有想自学前端知识的,极力推荐慕课网奥,真的是个非常棒的自学网站········

标签

  • 标签是为了强调一段话中的关键字时使用,它们的语义是强调. 斜体 粗体
    *标签是没有语义的,它的作用就是为了设置单独的样式用的。

引用文本 注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

  • 的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。与 的区别, 表示的是短文本。共同点:都不需要加双引号。

** 空标签**

与以前我们学过的标签不一样,
标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有



  • 回车。html 是忽略回车跟空格的

  • 水平横线
  •   空格 上文讲过html忽略 回车跟空格,要想空格起作用,需要加  ;

标签,为网页加入地址信息

一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以

标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。默认浏览器上使用的是斜体,可以使用css 进行更改

使用:

联系地址信息

**标签 **

在介绍语言技术的网站时,避免不了在网页中显示一些专业的计算机编程代码,当代码为一行时,使用 ,多行代码使用

下面是 什么标签都不适用、

对比

HTML 简单标签_第1张图片
什么标签都不用


HTML 简单标签_第2张图片
code 标签

标签的主要作用是:预格式文本。被包围在pre 元素中的文本通常会保留空格跟换行符。 
 
HTML 简单标签_第3张图片
pre 标签

使用ul,添加新闻信息列表

在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表。
示例:

  • 精彩少年
  • 美丽突然出现
  • 触动心灵的旋律

ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:

HTML 简单标签_第4张图片

使用ol ,添加图书销售排行榜

如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示。这类信息展示就可以使用

    标签来制作有序列表来展示。
    1. 前端开发面试心法
    2. 零基础学习html
    3. JavaScript全攻略

      在网页中显示的默认样式一般为:每项
    1. 前都自带一个序号,序号默认从1开始,如下图所示:

      HTML 简单标签_第5张图片

      table 标签
      table、tbody、tr、th、td

      • :整个表格以标记开始、
        标记结束。
      • …:当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
      • …:表格的一行,所以有几对tr 表格就有几行。
      • …:表格的一个单元格,一行中包含几对...,说明一行中就有几列。
      • …:表格的头部的一个单元格,表格表头。
      • 表格中列的个数,取决于一行中数据单元格的个数。

      代码:


      HTML 简单标签_第6张图片
      • 总结:table表格在没有添加css样式之前,在浏览器中显示是没有表格线的2、表头,也就是th标签中的文本默认为粗体并且居中显示(如上)

      • 摘要


        作用:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

      • 标题:


      • 作用:用来描述表格的内容,标题的显示位置:表格上方

        标签
        语法:
        链接显示的文本

        下面是一个完整的实例:


        认识标签,为网页插入图片

        语法:
        下载失败时的替换文本

        你可能感兴趣的:(HTML 简单标签)

        标题文字