HTML自学之一

最新推荐文章于 2024-04-30 21:44:36 发布

BeiGang0770

最新推荐文章于 2024-04-30 21:44:36 发布

阅读量181

点赞数

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/weixin_44425082/article/details/104174985

版权

1 篇文章 0 订阅

订阅专栏

HTML自学

之前学过一点点HTML，时间久了差不多忘完了，重新捡起来了

HTML不是编程语言，而是超文本标记语言，由一系列的元素来定位网页上的模块。例如：
头部模块：

<html>
  <head>
    <meta charset="utf-8">
    <title>个人网站</title>
  </head>
</html>

用来告诉浏览器用什么编码来打开网页，以及定义网页标签。还有显示网页标签图标，有个图标签看起来会更酷一些：

<link rel="icon" href="images/new003.ico" type="img/x-ico" />

加入了图标的网页
就像这样，更有逼格，好看，嘿嘿。
"images/new003.ico"是文件位置，注意，图标格式必须是ico格式。

HTML比较重要的东西就是标签和属性，标签定义模块，属性定义标签，我是这么理解的，哈哈。
标签由开始标签，内容和结束标签组成，开始标签中还可以写上属性。

<p class="editor-note"> 我是一名学生</p>

元素的结构是“开始标签内容结束标签”，但总有例外，某些元素只有标签，标签中有一些信息，这种就叫空元素，例如<img>就是空元素，常用来插入一张图片。

<img src="images/new002.jpg" alt="图片不见了！">

<img>中的src=""中的内容指向的是图片的地址。

<!DOCTYPE html>
<html>
  <head>
    <title>个人空间</title>
  </head>
  <body>
    <p>你好，我是北港</p>
  </body>
</html>

<h></h>：标题元素可分为<h1>,<h2>,<h3>,<h4>,<h5>,<h6>六级标题，一级比一级小
<img>：图片元素，其中src=""是<img>的必要属性。它的值是图片文件的URL，URL就是浏览器找到该图的路径。alt=""也是<img>的属性。它的值是文本。它规定了当图像无法显示时的替代显示。
<p>：段落元素
<a>：超链接元素

<a href="https://https://blog.csdn.net/">CSDN博客-专业IT技术发表平台</a>

上面这个例子就是在文本“CSDN博客-专业IT技术发表平台”上添加一个超链接，使用户点击这个文本时跳转到blog.csdn.net的官网首页。

未完待续，有空再写。

关注