我的HTML总结

最新推荐文章于 2022-06-26 16:26:24 发布

qq_46598709

最新推荐文章于 2022-06-26 16:26:24 发布

阅读量154

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_46598709/article/details/117924979

版权

本文总结了HTML的基本概念，从doctype声明、元素结构（如、），到关键元素如标题、图像、列表和表格的使用，以及注释和超链接。通过实例演示，初学者能快速理解并掌握HTML基础知识。

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

HTML学习总结

HTML概念

html是超文本标记语言（hypertext markup language)，HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。一个html的格式有下列这些内容：

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    </body>
</html>

关于HTML

HTML文档

1.<!DOCTYPE html>: 声明文档类型。出于历史原因需要，现在可有可无。
2.<html></html>: <html>元素。这个元素包裹了整个完整的页面，是一个根元素，其它元素都嵌套到其中。
3.<head></head>: <head>元素。这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。
4.<meta charset="utf-8">: 这个元素设置文档使用utf-8字符集编码，utf-8字符集包含了人类大部分的文字。基本上他能识别你放上去的所有文本内容。毫无疑问要使用它，并且它能在以后避免很多其他问题。
5.<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">: 指定页面的图标，出现在浏览器标签上。(试一试：你可随意下载一个.ico图标文件到工作目录中)
6.<title></title>: 设置页面标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面。
7.<body></body>: 元素。包含你能在页面看到的所有内容，包括文本，图片，音频，游戏等等。

HTML注释

为了将一段 HTML 中的内容置为注释，你需要将其用特殊的记号包括起来，比如：

<p>我在注释外，可以显示！</p>


HTML元素

1.标题（heading）

标题分为从大到小6级标题，分别为h1~h6。

<h1>这是一级标题</h1>
<h6>这是六级标题</h6>

2.图像标签（img）

img标签有一些属性分别有不同的功能。

src：图片的地址。
alt：图片加载不成功显示的信息。
width：设置图像的宽度。
height：设置图像的高度。

 <img alt="图片" src="img/u=3355464299,584008140&fm=26&fmt=auto&gp=0.webp" width="128px">

3.列表（有序，无序）

列表分为有序列表和无序列表。
有序列表用标签<ol>表示。
无序列表用标签<ul>表示。

<ol>
        <li>Java</li>
        <li>Python</li>
        <li>C++</li>
    </ol>
    <hr>
    <!-- 无序列表 -->
    <ul>
        <li>Java</li>
        <li>Python</li>
        <li>C++</li>
    </ul>

4.表格（table）

页面有些内容要用表格来实现，这个时候我们就要用上table元素了。
简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th>或 <td>标签组成。
tr 元素定义表格中的行，th 元素定义表格中的表头，td 元素定义表格中的单元格。

 <table>
    <tr>
      <th>属性一</th>
      <th>属性二</th>
      <th>属性三</th>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
  </table>

5.超链接标签（a）

<a>标签用于定义超链接，超链接可以让用户从一个网页跳转到另一个网页。
<a>标签最重要的属性是 href 属性，它指定了链接目标的 URL。

 <a href="https://www.lagou.com">找工作点这个</a>  <!--超链接跳转网址-->

总结

在学习HTML的过程中，我感受到了前端开发的魅力，我所有的这些想法都能在代码写出的瞬间实现，马上就能看到效果，这让我对这门课程有了一定的兴趣。在学习html的过程中，我发现其中的元素，标签太多了，每个都有着自己不同的作用，我还不能很熟练的运用好他们，但是我相信随着慢慢的练习，他们都会被我记住的。

qq_46598709

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我的HTML总结

HTML学习总结HTML概念html是超文本标记语言（hypertext markup language)，HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。一个html的格式有下列这些内容：<!DOCTYPE html><html> <head> </head> <body> </body></html>关于HTMLHTML文档1.<!DOCTYPE h
复制链接

扫一扫