HTML入门

已于 2022-01-31 01:14:03 修改
阅读量91 收藏
点赞数 1
分类专栏： HTML 文章标签： html 前端
于 2022-01-18 16:35:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42394752/article/details/122563064
版权

HTML

文章目录

前言

此贴为个人学习笔记， 学习视频：https://www.bilibili.com/video/BV11t411K74Q?p=1

01：我的第一个html

<!--
    1.html的注释
    2.加上一下代码的第一行表示html5语法，去掉就表示html4.0
    3.html不区分大小写，语法松散不严格
-->
<!doctype html>

<!--根-->
<html>
    <!--头-->
    <head>
        <!--网页标题-->
        <title>网页的标题</title>
    </head>
    <!--体-->
    <body>
        网页的主体内容
    </body>

</html>

02：html的基本标签

<!doctype html>
<HTML>
    <head>
        <title>html的标签</title>
    </head>
    <body>
        <!--段落标记-->
        <p>....</p><p>...</p>

        <!--标题字：是html预留的格式，和Word中的标题字相同h1-h6-->
        <h1>标题字</h1>
        <h2>标题字</h2>
        <h3>标题字</h3>
        <h4>标题字</h4>
        <h5>标题字</h5>
        <h6>标题字</h6>

        <!--换行标记，br标签是一个独目标记-->
        hello 
        world！
        hello world!<br>

        <!--横线，独目标记-->
        <hr>

        <!--color和width都是hr标签的属性-->
        <hr color="red" width="50%">
        <!--语法太·松散了-->
        <hr color="green" width=50%>
        <hr color='green' width="30%">

        <!--预留格式-->
        <pre>
            acbdefg hijklmn
            opqrst uvwxyz
        </pre>

        <del>删除字</del>
        <ins>插入字</ins>
        <b>粗体字</b>
        <i>斜体字</i>

        10<sup>2</sup><!--右上角-->
        10<sub>m</sub><!--右下角-->

        <!--字体标签-->
        <font color="red" size="20">字体标签</font>

    </body>
</HTML>

03：html的实体符号

<!doctype html>
<HTML>
    <head>
        <title>html的实体符号</title>
    </head>
    <body>
        <!--实体符号特点是：以&开始，以;结束-->
        <!--&lt;是小于号  …&gt;是大于号-->
        b&lt;a&gt;c

        <br>
        <!--&nbsp是空格-->
        a b c
        <br>
        a&nbsp;b&nbsp;c
        a&nbsp;&nbsp;b&nbsp;&nbsp;&nbsp;c
    </body>
</HTML>

04：html的表格

<!doctype html>
<HTML>
    <head>
        <title>html的表格</title>
    </head>
    <body>
        <!--
            border="1px"设置表格的边框为1像素宽度
            width="60%",宽度  %可使表格随窗口同比例缩放
            height 高度
        -->
        <br><br><br>
        <center><h1 >表单</h1><center>
        <hr>
        <table align="center" border=“1px” width="60%" height=“150”><!--表-->
            <!--align对齐方式-->
            <!--align="center">-居中-->
            <tr><!--行-->
                <td>a</td><!--列-->
                <td>b</td>
                <td>c</td>
            </tr>
            <tr align="center">
                <td>d</td>
                <td>e</td>
                <td>f</td>
            </tr>
            <tr>
                <td>x</td>
                <td>y</td>
                <td align="center">z</td>
            </tr>
        </table>
    </body>
</HTML>

05：html表格的单元格合并/th标签

<!doctype html>
<html>
    <head>
        <title>html表格的单元格合并/th标签</title>
    </head>
    <body>
        L<!--
            1.row合并的时候，删除相邻“下面的”单元格
            2.col合并的时候，删除相邻哪一个都可以
        -->
        <table border="1px" width="50%">
            <tr>
                <!--th标签也是单元格标签，比td多的是居中加粗-->
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
                <td>5</td>
                <td rowspan="2">69</td>
            </tr>
            <tr>
                <td colspan="2">78</td>
                <!--
                <td>8</td>
                -->
                <!--
                <td>9</td>
                -->
            </tr>
        </table>
    </body>
</html>

06：html-thead tbody tfoot

<!doctype html>
<html>
    <head>
        <title>html-thead tbody tfoot</title>
        <!--在table中不是必须的，只是这样做便于后期的JS代码的编写-->
    </head>
    <body>
        <table border="1px" width="50%">
            <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>性别</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>5</td>
                    <td rowspan="2">69</td>
                </tr>
                <tr>
                    <td colspan="2">78</td>
                </tr>
            </tbody>
            <tfoot>
                <!--
                <tr>
                    <td colspan="2">78</td>
                </tr>
                -->
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>

07：html背景色和背景图片

<!doctype html>
<html>
    <head>
        <!--这行代码的作用是告诉浏览器采用哪一种字符集打开当前页面。
        注意：并不是设置当前页面的字符编码方式-->
        <meta charset="utf-8">
        <title>html背景色和背景图片</title>
    </head>
    <!--
        bgcolor:设置背景色
        background:设置背景图片
    -->
    <body bgcolor="blue" background="1.jpg">
    </body>
</html>

08：html图片img

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html图片img</title>
    </head>
    <body>
        <!--
            1.设置图片宽度和高度时，只设置宽度，高度会进行等比例缩放
            2.img标签就是图片标签
            3.src属性是图片的路径
            4.width设置宽度，height设置高度
            5.title设置鼠标悬停时显示的信息
            6.alt设置图片加载失败时显示的提示信息
        -->
        <img src="1.jpg" width="100px" height="200px" title="图片1" alt="图片找不到哦"/>
        <br><br><br>
        <img src="1.jpg"></img>
        <!--
            若开始标签和结束标签之间没有内容
            <img...></img> 可写作 <img.../>
        -->
    </body>
</html>

09：html超链接

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html超链接</title>
    </head>
    
    <body>
        <!--
            超链接的特点：
                有下划线
                鼠标停留在超链接上显示小手形状
                点击超链接之后能跳转页面
        -->
        <a href="http://www.baidu.com/">百度</a>
        <a hrdf="09html超链接.html">超链接</a>
        <!--
            href: hot references 热引用
            href属性后面一定是一个资源的地址
            href后面的路径可以是绝对路径也可以是相对路径
            可以是网络中某个资源或本地资源的路径
        -->
        <!--图片超链接-->
        <a href ="http://www.baidu.com/">
            <img src="baidu.png"  width="100"/>
        </a>
        <!--
            超链接的target属性
                可取值：
                      _blank  新窗口
                      _self   当前窗口（默认）
                      _top    顶级窗口
                      _parent 父窗口
        -->
        <a href="http://www.baidu.com/" target="_self">百度</a>

        <!--
            超链接的作用：
            通过超链接可以从浏览器向服务器发送请求
            浏览器向服务器发送数据（请求：request）
            服务器向浏览器发送数据（响应：response）

            B/S结构的系统，每一个请求都会对应一个响应
            B--请求--S  S--响应--B

            用户点击超链接和用户在浏览器地址栏上直接输入URL
            本质上没有区别，都是向服务器发送请求
            操作上，超链接使用更方便
        -->
    </body>
</html>

10：html的列表

<!doctype html>
<html>
    <head>
        <title>html的列表</title>
    </head>
    <body>
        <!--有序列表-->
        <ol type="I">
            <li>水果
                <ol type="a">
                    <li>苹果</li>
                    <li>西瓜</li>
                    <li>桃子</li>
                </ol>
            </li>
            <li>蔬菜
                <ol>
                    <li>西红柿</li>
                </ol>
            </li>
            <li>甜点</li>
        </ol>
        <!--无序列表-->
        <ul type="circle">
            <li>中国
                <ul type="square">
                    <li>北京
                        <ul type="disc">
                            <li>东城区</li>
                            <li>西城区</li>
                            <li>海淀区</li>
                            <li>朝阳区</li>
                        </ul>
                    </li>
                    <li>天津</li>
                    <li>上海</li>
                </ul>
            </li>
            <li>美国</li>
            <li>日本</li>
        </ul>
    </body>
</html>

11：html-form表单初步

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-form表单初步</title>
    </head>
    <body>
        <!--
            1.表单的作用
                收集用户信息，表单展现之后，用户填写表单，点击提交按钮提交数据给服务器
            2.用form标签实现表单
            3.一个网页当中可以有多个表单form
            4.表单最终需要提交数据给服务器，用form中的action属性指定服务器地址
                action属性用来指定数据提交给哪个服务器
                action属性和超链接中的href属性一样，都可以向服务器发送请求
            5.http://192.168.111.3:8080/oa/save 这是请求路径，表单提交数据最终提交给
                192.168.111.3机器上的端口对应的软件
        -->
        <form action="http://192.168.111.3:8080/oa/save">
            <!--画一个提交按钮，这个按钮可以提交表单-->
            <!--
                画按钮可以使用input输入域
                type="submit"的时候表示该按钮是一个提交按钮，具有提交表单的能力 
            -->
            <!--对于按钮来说，按钮的value属性用来指定按钮上显示的文本信息-->
            <input type="submit" value="注册"/>
            <!--普通按钮，不具备提交表单的能力-->
            <input type="button" value="设置按钮上显示的文本">
        </form>
        <a href="http://www.baidu.com">百度</a>
        <!--这个按钮和普通的超链接没有太大的区别-->
        <form action="http://www.baidu.com">
            <input type="submit" value="百度"/>
        </form>
        <form action ="http://localhost:8080/oa/login">
            用户名<input tyoe ="text"/>
            密码<input type="passworld"/>
            <input type="submit" value="登录"/>
        </form>
        <br><br>
        <!--
            表单是以什么格式提交数据的给服务器的
                http://localhost:8080/oa/login?username=aaa&userpwd=aaa
                格式：action?name=value&name=value&name=value&name=value...
                HTTP协议规定，必须以此格式提交给服务器
            重点强调，表单填写了name属性的，一律会提交给服务器，不想提交这一项，就不要写name属性
            文本框和密码框的value不需要程序员指定，用户输入什么value就是什么
        -->
        <form action="http://localhost:8080/oa/login">
            <table>
                <tr>
                    <td>用户名</td>
                    <td><input type="txet" name="username"/></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="passworld" name="userpwd"/></td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <input type="submit" value="登录" name="hh"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="reset" value="清空" />
                    </td>
                </tr>
            </table>
        </form>
        <br>
        <!--reset,submit必须放到form标签内部-->
        <input type="submit" value="登录"/>
        <input type="reset" value="清空"/>
    </body>
</html>

12：html用户注册表单

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html用户注册表单</title>
    </head>
    <body>
        <form action="http://localhost:8080/oa/register" method="post">
            <!--
                form表单的method属性
                不指定时，默认get
                get:采用get方式提交的时候，用户提交的信息会显示到浏览的地址栏
                post:提交的用户名和密码不会显示到浏览器的地址栏
                当用户提交的信息中含有敏感信息，例如:密码，建议采用post方式提交

                post提交的时候提交的数据格式和get一样，只不过不在地址栏显示
            -->
            用户名
            <input type="text" name="username"/><br><br>
            密码
            <input type="text" name="passworld"/><br><br>
            确认密码<!--无需提交-->
            <input type="text" /><br><br>
            性别<!--Name相同只能选一个，不同可多选,单选按钮的value必须手动指定-->
            <input type="radio" name="sex" value="0"/>男
            <input type="radio"name="sex" value="1" checked/>女<!--checked默认选中-->
            <br><br>
            兴趣爱好
            <input type="checkbox" name="interest" value="singing"/>唱歌
            <input type="checkbox" name="interest" value="dancing"/>跳舞
            <input type="checkbox" name="interest" value="writing" checked/>写作
            <br><br>
            学历
            <select name="grade">
                <option value="gz">高中</option>
                <option value="dz">大专</option>
                <option value="bk" selected>本科</option><!--默认选中-->
                <option value="ss">硕士</option>
            </select><br><br>
            简介<br><!--文本域，文本域没有value属性，用户填写的内容就是value-->
            <textarea rows="20" cols="80" name="introduction"></textarea><br><br>
            <input type="submit" value="注册"/>
            <input type="reset" value="清空"/>
            <!--
                超链接也可以提交数据给服务器，但是提交的数据都是固定不变的
                超链接是get请求，不是post请求
                <a href="http://localhost:8080/oa/register?username=a&passworld=a&sex=1&interest=writing&grade=bk&introduction=a">提交</a>
            -->
    </body>
</html>

13：html下拉列表支持多选

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html下拉列表支持多选</title>
    </head>
    <body>
        <!--multiple="multiple"支持多选
            size设置显示的条目数量
        -->
        <select multiple="multiple" size="2">
            <option>江苏省</option>
            <option>浙江省</option>
            <option>山东省</option>
            <option>河北省</option>
        </select>
    </body>
</html>

14：html-file控件

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-file控件</title>
    </head>
    <body>
        <!--file控件，文件上传专用-->
        <input type="file"/>
    </body>
</html>

15：html-hidden隐藏域

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-hidden隐藏域</title>
    </head>
    <body>
        <form action="http://localhost:8080/oa/save">
            <!--hidden 隐藏域，网页上看不到，但是表单提交的时候数据会自动提交给服务器-->
            <input type="hidden" name="userid" value="111"/>
            
            用户代码<input type="text" name="usercode"/>
            <input type="submit" value="提交"/>
        </form>
    </body>
</html>

16：html-readonly-disabled

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-readonly-disabled</title>
    </head>
    <body>
        <!--
            readonly和disabled相同点，都是只读不能修改
            但readonly可以提交给服务器，disabled数据不会提交（即使有name属性也不会提交）
        -->
        <form action="http://localhost:8080/oa/save">
            用户代码<input type="text" name="usercode" value="110" readonly />
            <br>
            用户代码<input type="text" name="usercode"value="zhangsan" disabled />
            <input type="submit" value="提交"/>
        </form>
    </body>
</html>

17：html-input控件的manxlength属性

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-input控件的manxlength属性</title>
    </head>
    <body>
        <!--
            maxlength 设置文本框中可输入的字符数量
        -->
        <input type="text" maxlength="3"/>  
    </body>
</html>

18：html-元素的id属性

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-元素的id属性</title>
    </head>
    <body>
        <!--
            1.在html文档当中，任何元素（节点）都有id属性，
                id属性是该节点的唯一标识，所以在同一个HTML文档当中id值不能重复
            2.注意，表单提交数据的时候，只和name有关系，和id无关
            3.id有什么用
                JavaScript语音，可以对html文档当中的任意节点进行增删改操作
                增删改之前需要先获取这个节点，通常我们通过id来获取节点对象
                id的存在让我们获取元素（节点）更方便
            4.html文档是一棵树，树上有很多节点，每一个节点都有唯一的id
                JavaScript主要就是对这棵DOM（document）树上的节点进行增删改
        -->
        <form id="myform">
            <input type="text" id="username" name="username"/>
            <input type="password" id="userpwd" name="userpwd"/>
            <!--id就是节点的“身份证号码”，不能重复-->
        </form>
        <input type="text" maxlength="3"/>  
    </body>
</html>

19：html-div-span

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html-div-span</title>
    </head>
    <body>
         <!--
             1.div和span是什么？有什么用？
                *div和span都可以称为"图层"
                *图层的作用是为了保证页面可以灵活的布局
                *图层就是一个一个的盒子，div嵌套div就是盒子套盒子
                *div和span是可以定位的，只要定下div的左上角的x轴和y轴坐标即可
             2.其实最早的网页是采用table进行布局的，但是table不灵活，太死板
                现代的网页开发中div布局使用最多，几乎很少使用table进行布局了
             3.div和span的区别
                div独自占用一行（默认情况下）
                span不会独自占用一行
         -->
         <div id="div1">div1</div>
         <div id="div2">div2</div>
         
         <span id="span1">span1</span>
         <span id="span2">span2</span>

         <div id="div3">
             <div>
                 <div></div><!--div嵌套-->
             </div>
         </div>
    </body>
</html>
时汾
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML入门标签
10-11
比较详细的HTML标签，常用到的标签都包括在内了。新手可以看看
html入门学习.zip
01-01
html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习 html入门学习html...
HTML 入门资料Demo
01-23
HTML 入门手册(一)：https://shuaici.blog.csdn.net/article/details/135680716 HTML 入门手册(二)：https://shuaici.blog.csdn.net/article/details/135698613 HTML 英文全称 " HyperText Mark-up Language " , ...
HTML入门学习及笔记.zip
01-01
HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...
HTML入门学习的源代码.zip
01-01
HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源...
【HTML】iframe
小秀的博客
07-24 348
标签是 HTML 中的⼀个元素，⽤于在当前 HTML ⽂档中嵌⼊另⼀个 HTML ⽂档。它可以在⼀个 HTML ⻚⾯中嵌⼊另⼀个 HTML ⻚⾯或其他类型的⽂档，⽐如 PDF ⽂件或视频⽂件。其中 src 属性指定要嵌⼊的⽂档的 URL，可以是⼀个 HTML ⻚⾯、⼀个 PDF ⽂件或⼀个视频⽂件等等。通过设置 width 和 height 属性可以指定。
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 3326
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
iframe 渲染请求到的 html (邮件预览), 避免样式污染 + 打印 iframe 邮件详情 + iframe 预览邮件时固定水平滚动条在视口底部
最新发布
汤一飞
07-25 1020
iframe 预览邮件 + 打印邮件 + 模拟滚动条
初识HTML文件，创建自己的第一个网页！
2301_79959126的博客
07-24 933
本文旨在初步介绍HTML（超文本标记语言），帮助读者理解HTML中的相关术语及概念，并使读者在完成本文的阅读后可以快速上手编写一个属于自己的简易网页。
基于 HTML+ECharts 实现监控平台数据可视化大屏（含源码）
柯晓楠
07-24 1096
我们实现了一个基于 HTML 和 ECharts 的监控平台数据可视化大屏。这个大屏不仅能够直观地展示监控数据，还能通过交互功能提升用户体验。希望本文能对你在实现类似项目时提供一些帮助和启发。
基于 HTML+ECharts 实现的数据可视化大屏案例（含源码）
柯晓楠
07-24 729
数据可视化已成为企业决策和业务分析的重要工具。通过直观、动态的图表展示，数据可视化大屏能够帮助用户快速理解复杂的数据关系，发现潜在的业务趋势。本文将介绍如何利用 HTML 和 ECharts 实现一个功能丰富的数据可视化大屏案例。
【HTML — 构建网络】HTML 入门
07-24 1259
如果您查看许多其他站点的代码，您可能会遇到许多奇怪的标记样式，包括不带引号的属性值。在这一点上，你应该了解 HTML 是什么样子的，以及它在基本层面上是如何工作的。在 HTML 中，不需要在 void 元素标记的末尾添加 a，例如： .但是，它也是一种有效的语法，当您希望 HTML 是有效的 XML 时，您可以这样做。现在，您可以在 Web 浏览器中打开此文件，以查看呈现的代码的外观。在本练习中，您可以如前所述在计算机上本地编辑代码，也可以在下面的示例窗口中编辑代码（在本例中，可编辑示例窗口仅表示。
html实现酷炫美观的可视化大屏(十种风格示例，附源码)
xcLeigh
07-25 2134
html实现酷炫美观的可视化大屏(十种风格示例，附源码)，大屏源码，可视化大屏模板源码，html可视化大屏源码下载，内含十种不同风格的大屏可视化代码，详细的讲解，酷炫的线条，美观的设计，让图文图表结合的更融洽。兼容各种大屏，调整页面到合适的分辨率，F12全屏观看。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
Web开发：图片九宫格与非九宫格动态切换效果（HTML、CSS、JavaScript）
m0_65029152的博客
07-20 983
本文主要记录图片九宫格与非九宫格展示效果动态切换的实现过程；
HTML 基础知识
07-24 1055
你写的替代文本应该为读者提供足够的信息，以便对图像传达的内容有一个很好的了解。对于我们的Firefox徽标，一个更好的替代品是“Firefox徽标：围绕地球的火焰狐狸”。如果它们如上所示重叠，那么您的 Web 浏览器将尝试对您想说的内容做出最佳猜测，这可能会导致意外结果。正如我们之前所说，它将图像嵌入到我们的页面中，该图像位于它出现的位置。空格（或任何字符）的简单属性值可以保持不加引号的状态，但建议您将所有属性值加引号，因为这可以使代码更加一致和易于理解。创建链接后，单击它以确保它将您发送到您想要的地方。
前端开发知识(一)-html
modi000的博客
07-24 403
2.前端开发的三剑客：html、css、javascript。Element（饿了么开发的） ：前端组件库。Vue可以简化JavaScpript流程。Ngix：前端服务器。
HTML开发小技巧：根据用户浏览器的分辨率调整控件的大小
ioioppk的博客
07-25 623
在Html页面开发中，我们通常会用Style进行控件的宽度高度进行控件的格式设置，如果直接设置像素的话，无法根据用户的浏览器进行宽高的适配，所以我们要做到根据实际使用的浏览器进行控件大小的自动调整，以下是几种控件自动调整的方式：
基于 HTML+ECharts 实现智慧交通数据可视化大屏（含源码）
柯晓楠
07-24 2214
智慧交通大屏可视化决策系统，面向道路指挥中心大屏环境，具备优秀的大数据显示性能以及多机协同管理机制，支持大屏、多屏、超大分辨率等显示情景。 支持整合高速管理部门现有信息系统的数据资源，覆盖高速常态监测监管、应急指挥调度等多个业务领域，凭借先进的人机交互方式，实现数据融合、数据显示、数据分析、数据监测等多种功能，可广泛应用于监测指挥、分析研判、展示汇报等场景。
【HTML — 构建网络】HTML 中的元数据
07-24 833
这在很多方面都很有用。如果设置了 HTML 文档的语言（例如，允许其在特定语言的结果中正确显示），则搜索引擎将更有效地索引您的 HTML 文档，并且它对使用屏幕阅读器的视觉障碍者很有用（例如，“六”一词在法语和英语中都存在，但发音不同。的链接（如果您选择使用 CSS 设置HTML内容的样式）、指向自定义图标的链接以及其他元数据（有关HTML的数据，例如作者和描述文档的重要关键字）。指定包含与您的页面内容相关的关键字的描述很有用，因为它有可能使您的页面在搜索引擎执行的相关搜索中显示得更高（此类活动称为。
HTML入门指南与网页设计基础
"HTML入门及应用规范" HTML，全称HyperText Markup Language，即超文本标记语言，是构建网页的基础工具。HTML文档由一系列的标记组成，这些标记定义了页面的结构和内容。通过HTML，我们可以描述文字、图像、音频、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时汾

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值