Html--回顾(1）

最新推荐文章于 2024-10-03 22:12:17 发布

小chen学编程

最新推荐文章于 2024-10-03 22:12:17 发布

阅读量55

点赞数

分类专栏：前端文章标签： html html5

本文链接：https://blog.csdn.net/m0_52819498/article/details/120716162

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Html–回顾(1）

简介

什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言，不是一种编程语言，而是一种标记语言。

HTML 标签
HTML 标记标签通常被称为 HTML 标签
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
如：<标签>内容</标签>
<!DOCTYPE> 声明
通用声明
HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

基础

标题
标签<h1>~<h6> 从大到小

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

段落
通常用<p>标签定义

<p>这是一个段落</p>

超链接
通常用<a>标签定义,href属性来指定链接的地址

<a href="https://www.baidu.com">这是一个链接</a>

图像
图像是通过标签 <img> 来定义的，图像的名称和尺寸是以属性的形式提供的。

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

元素

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name=“value”。

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

标题

标题（Heading）是通过 <h1> - <h6> 标签进行定义的。

<h1> 定义最大的标题。 <h6> 定义最小的标题。
h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

水平线
<hr> 标签在 HTML 页面中创建水平线

段落

段落是通过

标签定义的。

换行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：

文本格式化

加粗、斜体、上标/下标 …

标签	描述
`<b>`	定义粗体文本
`<em>`	定义着重文字
`<i>`	定义斜体字
`<small>`	定义小号字
`<strong>`	定义加重语气
`<sub>`	定义下标字
`<sup>`	定义上标字
`<ins>`	定义插入字
`<del>`	定义删除字

超链接（链接）

HTML使用标签 <a>来设置超文本链接。

<a href="url">链接文本</a>

头部

<head> 元素

<head> 元素
包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和<base>。

标签	描述
`<head>`	定义了文档的信息
`<title>`	定义了文档的标题
`<base>`	定义了页面链接标签的默认链接地址
`<link>`	定义了一个文档和外部资源之间的关系
`<meta>`	定义了HTML文档中的元数据
`<script>`	定义了客户端的脚本文件
`<style>`	定义了HTML文档的样式文件