HTML自学笔记一 | 青训营笔记

154 阅读1分钟

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


HTML简介

HTML.jpeg

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。


HTML基本语法

<!doctype html> <!-- 文档声明(doctype)-->  
<thml>      
    <head>          
        <!-- mata标签用来设置网页的元数据 -->          
        <!-- 可以通过meta标签来设置网页的字符集,避免乱码问题--> 
        <meta charset="utf-8">          
        <!-- title中的内容会显示在浏览器的标题栏,搜素引擎会主要根据title中的内容来判断网页的主要内容-->
        <title>我在这呢</title>      
    </head>      
    <body>          
        <!--HTML的注释,注释不能嵌套-->          
        <!--属性,在标签中(开始标签或自结束标签)还可以设置属性   
            属性是一个名值对(x=y)   属性用来设置标签中的内容如何显示   
            属性和标签名或者其他属性应该使用空格隔开   
            属性不能瞎写,应该根据文档的规定来编写,有些属性有属性值,有些没有,如果有属性值,应该使用引号引起来-->          
        <!-- h1是网页的一级标题-->          
        <h1>这是我的<font color="red" size="1">第一个</font>网页!</h1>          
        <h2> </h2> 
        <p> </p>          
        <img> <!--自结束标签-->          
        <input> <!--自结束标签-->      
    </body>  
</thml>

在网页编写的多个空格默认情况会自动被浏览器解析为一个空格

在HTML中有些时候,不能直接书写一些特殊的符号,

比如:多个连续的空格、字母两侧的大于号和小于号

如果需要在网页中书写这些特殊符号,则需要使用HTML中的实体(转义符号)

&实体的名字:

    &nbsp; 空格  
    &gt; 大于号  
    &lt; 小于号  
    &copy; 版权符号

在网页中HTML专门用来负责网页的结构,所以在使用HTML标签时,应该关注的是标签的语义,而不是它的样式。