HTML_Study

HTML学习记录

熟悉HTML

  • <!DOCTYPE html>声明为HTML5文档
  • <html>元素是html页面的根元素
  • <head>元素包含了文档的元数据(meta)，如<meta charset="utf-8">定义网页编码格式为utf-8。
  • <title>元素描述课文档的标题，可以理解为网站页面的标题
  • <body>元素包含了可见的页面内容
  • <h1>元素定义一个大标题
  • <p>元素定义一个段落

HTML标签

1
<a>这里是内容</a>

<a>是开放标签(开始标签)，</a>是闭合标签（结束标签）

HTML元素和标签是同一个意思，但是HTML元素包含开始标签和结束标签。

HTML标签有很多指定的标签，每种标签的功能/内容都不一样。

HTML网页结构

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>
  • 只有<body>内容才会在页面中显示

HTML基础

  • HTML标题是通过<h1>-<h6>标签定义的。

  • HTML段落是通过<p>来定义的。

  • HTML链接是通过标签<a>来定义的。

    <a href="https://wechatid.github.io">Im scamd'Blog</a>

  • HTML图像是通过标签<img>来定义的。

    <img src="/images/logo.png" width="258" height="39" />

HTML元素

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>

<body>
<p>这是第一个段落。</p>
</body>

</html>

以上包含了三个元素。元素之前可以嵌套。

语法

  • HTML元素以开始标签起始，以结束标签终止。

  • 元素内容就是开始标签与结束标签之间 的内容。

  • 没有内容的元素是空元素，空元素在开始标签中进行关闭。

    <br>为空元素，定义为换行，可以在开始标签中添加/关闭。例如<br/>。

  • 大多数HTML元素都可以拥有属性。

HTML属性

  • HTML元素属性一般在开始标签中描述。
  • 属性名称以“名称:值”的形式出现。
属性 描述
class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式（inline style）
title 描述了元素的额外信息 (作为工具条使用)

class名称必须在样式文件css中存在才能引用，可以修改内容样式。

id是该标签的唯一id，可以通过js或者css定向修改该id标签的内容。

html属性表

HTML段落

在HTML段落中无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

<br>用作换行。

HTML文本格式化

….

html > web
#html #web
HTML_Study
https://wechatid.github.io/2024/02/02/HTML-Study/
作者
Imscamd
发布于
2024年2月2日
许可协议