2020.11.02

一、今日学习内容

     HTML标记语言

     HTML：Hyper Text Markup Language 超文本标记语言

    超（hyper）：不仅仅可以放文字，还可以插入图片、链接、视频、音频 .html

    标记（Markup）：就是浏览器可以识别的文字和符号

    语言：不是编程语言

  1. 标记的形式

     一组标记就是一个标签，一个标签实现一个功能

                双标签(闭合标签)

               <开始标签>标签内容</结束标签>

              <关键字></关键字> <链接></链接> <a></a>

              单标签(非闭合标签)

              <关键字>

  2.编码

      <meta charset="UTF-8">

        一个汉字是三个字节 3*8=24bit

        UTF-8是Unicode的表现形式

        UTF-8是一个可以伸缩变形的码 1-6字节去表示符号 万国码（全世界的）

        UTF-16

        UTF-32

   3.文本标签

   1：超链接：<a href="Demo3.html" >超链接1</a><!--单独放一个<a></a>没什么太大区别，必须添加属性href才是能作为超链接-->
            <a href="Demo3.html" target="_blank">超链接2</a><!--添加blank之后页面跳转会再生成一个，而不是在当前页面改变-->
            <a href="Demo3.html" target="_self">超链接3</a><!--默认是self-->
    2：粗体：<b> </b><!--粗体-->
    3：斜体：<em></em><!--斜体效果-->
    4：下划线：<u></u><!--过时了比建议使用-->
    5：中间线：<s></s>

 

      <table border="1px" align="center"><!--这是一个表格 border="1px" 表格属性加上边框 不建议使用 align="center" 居中-->

 <tr><!--一行中的单元格-->
        <td><!--一行中的单元格的每个内容--></td>
        <td>
            剩下的详情请看<a href="Demo3.html">Demo3</a>
        </td>
    </tr>

  还可以这样写：

<tr><!--一行中的单元格-->
        <th><!--一行中的单元格的每个内容进行加粗--></th>
        <th>
            剩下的详情请看<a href="Demo3.html">Demo3</a>
        </th>
    </tr>

     <i>A</i> Italic 斜体

     <em>A</em> 语义化的

     <br> break 换行

     <hr> 水平线 默认属性： color（颜色） align（水平对齐方式，left/right/center） width(宽)

    常见的字符：

     > &gt; great than

     < &lt; less than

      人民币 &yen;

      版权符号 &copy;

      空格 &nbsp;

   段落标签：<p></p> paragraph 段落 大部分时间都是一段文字

   标题标签：h1---h6 h1最大-----h6原来越小

                    <h1> 标题 </h1>

                     注意：一般只用h123，剩下的尽量少用 h标签权重大，语义强烈 爬虫抓取到 在一个界面里有且只能有一个h1

    布局标签：大容器：<div></div> division 区域 划分区域的作用

二、遇到的问题

    对HTML中一些代码表示的意思还不是完全能看懂

三、明日计划

   继续学习相关知识