初学HTML | 青训营笔记

169 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第2天

HTML语法

  • 列表

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于<ul> 标签。每个列表项始于 <li>

<ul>
<li>burger</li>
<li>meat</li>
</ul>

浏览器显示如下:

  • burger
  • beaf

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 ## 有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于

    标签。每个列表项始于
  1. 标签。

    <ol>
    <li>Coffee</li>
    <li>Milk</li>
    </ol>
    

    浏览器显示如下:

    1. Coffee
    2. Milk

    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    • 图片

    图像标签(<img>)和源属性(Src)

    在 HTML 中,图像由 <img> 标签定义。

    <img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

    要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

    定义图像的语法是:

    <img src="url" />
    
    ## 替换文本属性(Alt)
    

    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

    <img src="boat.gif" alt="Big Boat">
    

    在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。

    • 颜色

      颜色由红色、绿色、蓝色混合而成。

    颜色值

    颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

    每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

    总结

    **文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。**
    

    一个网页对应于一个HTML文件,HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。 超文本标记语言标准的HTML文件都具有一个基本的整体结构,即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。

    HTML Basic Document

    <html>
    <head>
    <title>Document name goes here</title>
    </head>
    <body>
    Visible text goes here
    </body>
    </html>
    

    感悟:个人感觉HTML 内容比较琐碎,边看边学,不知道的翻资料应该是更好的学习方式