Html学习总结思维导图

最新推荐文章于 2022-03-01 16:35:53 发布

「已注销」

最新推荐文章于 2022-03-01 16:35:53 发布

阅读量618

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/RichXan/article/details/107434456

版权

这篇博客详尽总结了HTML的学习内容，包括列表、特殊符号、图片和链接标签的使用，表格的创建，媒体元素的集成，页面结构分析，内联框架的运用以及表单设计的实践。

摘要由CSDN通过智能技术生成

在这里插入图片描述

列表eg：

<ul>
    <li>C/C++</li>
    <li>Java</li>
    <li>Python</li>
    <li>Linux</li>
    <li>Html</li>
</ul>


<!--自定义列表
dl：标签
dt：列表名称
dd：列表内容
-->
<hr/>
<dl>
    <dt>学科</dt>
    <dd>C/C++</dd>
    <dd>Java</dd>
    <dd>Python</dd>
    <dd>Linux</dd>
    <dd>Html</dd>
</dl>

特殊符号eg：

<body>
<!--特殊符号要加上
空格：&nbsp;
大于号：&gt;      大于号和小于号 的 两种记忆方法： 一、跟她聊天  二、greeter than  &&  less than
小于号：&lt;
版权符号：&copy;
&-->
&nbsp; <br/>
&gt; <br/>
&lt;<br/>
&copy;版权所有RichXan赞恩
</body>

图片标签eg：

<body>
<!--
src ：图片的地址      两种路径    一、相对路径 （推荐）  二、绝对路径
alt：若图片加载失败时显示的文字
title：鼠标悬停时出现的信息
height：图片的长度
width：图片的宽度
-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>立青可可</strong> <br/>
<img src="../resources/img/lqkk.jpg" alt="lqkk" title="立青可可" name="kekeke" height="600" width="400">
</body>

链接标签eg：

<body>
    <!--
    一、页面间链接
     用a标签表示链接标签
     href：表示要跳转到的页面
    title：鼠标悬停时显示的信息
    alt：若图片加载失败时显示的文字
    target： _blank表示新建一个窗口      _self表示在当前窗口打开(默认）

    二、锚链接
    给a标签指定name
    在使用锚链接时 在指定的a标签的href属性设置目的地加上 #name 即可返回到目的的锚链接

    三、功能链接
    1、在a标签的href属性使用邮箱链接   mailto:*****@qq.com
    2、使用qq推广链接
     -->
    <a name="top"></a>
    <a href="3.图片标签.html" title="lqkk" target="_blank">立青可可</a>
    <a href="3.图片标签.html" alt = "lqkk" title="love" target="_blank">
        <p><img src="../resources/img/lqkk.jpg" alt="lqkk" title="立青可可" name="kekeke" height="600" width="400"></p