HTML学习总结

已于 2022-07-07 23:00:56 修改
阅读量311 收藏 2
点赞数
文章标签： html 学习 前端
于 2022-07-06 20:30:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53547902/article/details/125647158
版权

学习HTML的总结

通过此次对HTML的简单学习，粗略掌握了使用它来编写简单的网页。

1. HTML的文档整体有关说明：

  • 整个 HTML 就由一个个元素组成（可以嵌套），而元素则一般由一对标签（tag）构成；

  • 一个元素由开始标签，内容，结束标签组成；

  • 对整个HTML文档进行整理分析，大致包含以下部分：

    1. <!DOCTYPE html>: 声明文档类型。可有可无;
    2. <html></html>:包裹了整个完整的页面，是一个根元素，其它元素都嵌套到其中;
    3. <head></head>:包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容;
    4. <meta charset="utf-8">:设置文档使用utf-8字符集编码;
    5. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">:指定页面的图标，出现在浏览器标签上;
    6. <title></title>:设置页面标题，出现在浏览器标签上;
    7. <body></body>:包含能在页面看到的所有内容;

  • 同大部分编程语言一样也包含注释，用<!--和-->包裹起来；

    （注：code软件中可用快捷键ctrl+/）

  • 元素放在元素之中，称为嵌套；

  • 只有开始标签的元素称为空元素；

  • 元素的属性包含元素额外信息，不会在浏览器中显示，但在属性和元素名称之间包含一个空格，而且属性名称后面有一个=号，并且一个属性值由一对引号包裹。

2. 各种语法说明：

  • 标题：<h1>~<h6>分为六级标题，一级最大，六级最小；

  • 文本格式：

    1. <p></p>显示文本内容
    2. <del></del>划掉文本内容
    3. <strong></strong>加粗文本内容
    4. <em></em>斜体；

  • 超链接：<a href="http://www.baidu.com/" target="_blank">百度一下</a>。（其中_blank表示在新的页面打开_self表示当前页面打开）；

  • 图片：<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg" alt="MDB Logo" width="200" height="200">；

  • 表格：使用<table>标签

    1. <tr></tr>表示表格的每一行

    2. <th></th>表示表头

    3. <td></td>表示表的数据；

      <table border="1">
<tr>
<th>姓名</th>
<th>学习内容</th>
</tr>
<tr>
<td>巴拉巴拉</td>
<td>HTML</td>
</tr>
</table>

在这里插入图片描述

  • 列表：

    1. 无序列表使用<ul></ul>标签

       <ul>
 <li>HTML1</li>
 <li>HTML2</li>
 </ul>

在这里插入图片描述

  2. 有序列表使用`<ol></ol>`标签

          <ol>
          <li>HTML1</li>
          <li>HTML2</li>
          </ol>

在这里插入图片描述

  3. `<li></li>`表示表中的每一项；
  • 表单：使用<form></form>标签；
  • 下拉列表：
    1. 使用<select></select>标签,
    2. 选项使用<option></option>标签；
  • input中的类型说明：
    1. 文本为text
    2. 密码为password
    3. 数字为number
    4. 单选为radio
    5. 多选为checkbox；等等
  • input中的placeholder为占位符，checked为默认选项；
  • 区块元素：<div></div>,<h1></h1>,<pre></pre>等自动分行（其中<pre></pre>标签可以用来展示特别格式的文本）；
  • 内联元素：<span></span>,<input>,<a></a>等不会新起一行。

以上是我对此次学习HTML的简单总结，可用于简单且快速的复习，详细内容请点击以下链接HTML学习。

嘻嘻萌萌
关注
HTML学习内容总结
qq_48681023的博客
07-10 2306
HTML学习总结
HTML 学习总结 !
脑袋装水的博客
01-31 289
HTML 学习：        HTML 是主要应用于网页的结构 所以要在学习的时候要记住：关注标签的语义 而不是样式。样式这些展现出来的是CSS的作用 ，所以 需要去关注的是标签的意义如 < strong >和< b > 前者是用来强调内容的重要性 而后者只是为了加粗字体，但是二者表现出的效果是意义的。     其次还有例如标题的大小h1~h6 这些的意义是用来体现该部分的重要性 而不.
HTML学习总结（6）
06-14
HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结
学习网页设计html学习总结.docx
12-24
HTML网页设计学习总结 本文档是关于HTML网页设计学习的总结，涵盖了 HTML 基础知识、网页设计原则、Dreamweaver 软件应用、网页制作技巧等方面的知识点。 一、HTML基础知识 * HTML 是一种标记语言，用于创建网页 ...
Html学习总结.md
03-10
css简单总结
HTML学习总结文档.rar
07-16
该文档是本人学习路由器WebUI阶段,对HTML超文本标签语言的总结,只是笔记形式的不是很系统,如有不足或理解偏差之处,还请各位批评指正! 标签是HTML的核心,本文主要列举了一些常用的标签,给出了每组标签应用实例的HTML...
web入门----HTML
xing__Q的博客
03-30 238
HTML的简单介绍1.HTML元素标题超链接图片表格列表特殊字符 HTML的简单介绍 HTML是超文本标记语言（HyperText Markup Language），它不是一门编程语言，而是一种用于定义内容结构的标记语言。 1.HTML元素 通常分为以下四种 开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这.
Html学习总结：超文本链接语言的应用
HTML学习总结 HTML（HyperText Markup Language）是一种标记语言，用于创建网页。它是一种超文本链接语言，通过使用标记来描述网页的结构和样式。HTML文档由一系列的元素组成，每个元素都由开始标记和结束标记组成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值