2021.1.15 HTML基本知识

一、今日学习内容

    今天学习了关于HTML的一些基本知识

     超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

1 主体架构 (可在VSCode上 !+Tab键 快速生成)

复制代码
<html>  <!-- 根标签(元素),网页中所有内容都要写在元素的里面 -->
      
      <head> <!--head是网页得头部,head中的内容不会显示在网页中,主要用来帮助浏览器或搜索引擎来解析网页 -->

            <title>这里是网页名称</title>  <!--网页的标题-->

      </head>

      <body>  <!-- 网页的主体 -->

             网页内容

      </body>

</html>        
复制代码

2 文档的声明 <!doctype html>  放在根标签的外部,整段代码的开头

3 段落标签 <p> </p>

4 自结束标签  <img> <input>等  不需要成对出现

5 注释 <!--  -->

6 各级标题 <h1> 一级标题 </h1> 网页的大标题 同理<h2> </h2>...

7 标签中的属性 

<h3>这是我的<font color="blue" size="10">第一个网页</font></h3>

8 避免乱码  <meta charset = "UTF-8" > 写在<head>标签中

9 实体(转义字符)

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

在HTML中有些时候,我们不能直接书写一些特殊符号,比如多个连续的空格,比如字母两侧的大于和小于号

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

& 实体的名字 ;

例如 &nbsp;空格    &gt;大于号    &lt; 小于号

10 meta标签

meta标签主要用于设置网页中的一些元数据,元数据不是给用户看

  • charset:设置字符集,防止乱码问题
    <meta charset = " UTF-8 ">

二、遇到的问题

   今天没有遇到什么问题

三、明日计划

   明天继续学习关于HTML的相关内容

posted @ 2021-01-15 18:51  小仙女W  阅读(330)  评论(0编辑  收藏  举报