html

前端学习

开始

  1. 将一个文本单独呈现

    1
    2
    3
    <p>
        这个一个段落（paragraph）
    </p>

  2. html标签不区分大小写

  3. <em>表示斜体

  4. <strong>表示强调

  5. 块级元素

    可以理解为每一个块之间有空隙

    1
    2
    3
    <p>

    </p>

  6. 内联元素

    可以理解为每一元素之间没有空隙

  7. <img>插入图片

  8. 可以在起始的元素哪里表示元素的性质

  9. <a>用于超链接

  10. 部分属性

    • href声明链接的web地址
    • title属性为超链接声明的额外信息

  11. <input>输入属性

  12. 注释

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
        <!---注释-->



    ## html元信息

    1. 元信息就是包含在\<head>里面的

    2. 头部信息不会出现在渲染里

    3. 文档的字符编码

       ```html
       <meta charset="utf-8" />
       </mate>

  13. mate的name属性说明这个是什么东西

    1
    2
     <meta name="description" content="hhh"> <!-- 描述 -->
    <!-- content 里面就是内容-->

    并且使用浏览器搜索的时候也会展现这个内容

    image-20231011104302004

  14. 添加css文件

    1
    <link rel="stylesheet" href="mycss.css">

    rel指的是使用的文档格式

    hrefj就是使用的css

文本处理基础

  1. 段落

    <p>

  2. 标题

    <h>

  3. 无序列表

    <ul>

    1
    2
    3
    4
    5
    6
    7
    <ul>
      <li>豆浆</li>
      <li>油条</li>
      <li>豆汁</li>
      <li>焦圈</li>
    </ul>

  4. 有序列表

    1
    2
    3
    4
    5
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

  5. 字体的设置

    1
    2
    3
    4
    5
    <div>
        <em>test</em> <br> <!-- 斜体 -->
        test <br> <!-- 普通 -->
        <strong>test</strong> <br> <!-- 粗体 -->
    </div>

  6. 创建链接

    1
    2
    3
    4
    5
    <a href="url">
        <h1>
            第一个标题
        </h1>
    </a>
#前端
html
https://tsy244.github.io/2023/10/07/前端/HTML/html/
Author
August Rosenberg
Posted on
October 7, 2023
Licensed under