前端——HTML部分总结

诺诺meow

已于 2022-08-05 14:00:48 修改

阅读量224

点赞数

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

于 2022-07-24 18:51:58 首次发布

本文链接：https://blog.csdn.net/qq_53935542/article/details/125958730

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML简介

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML总结</title>
</head>
<body>

</body>
</html>

思维导图：
在这里插入图片描述

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

HTML基础

HTML标题

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

六个标题元素标签分别代表文档中不同级别的内容：
<h1> 表示主标题（ the main heading ），<h2> 表示二级子标题（ subheadings ），<h3>表示三级子标题（ sub-subheadings ），<h4>、<h5>、<h6>字体的大小依次递减。

例子：

<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>

在这里插入图片描述

HTML段落

HTML 段落是通过标签<p>来定义的，P是英文paragraph段落的缩写
例子：

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

在这里插入图片描述

HTML空格

当代码中包含多个空格时也只会显示一个空格
例子：

<p>我 喜 欢 你</p>
<p>我         喜  欢
         你</p>

在这里插入图片描述

HTML链接

HTML 链接是通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
例子：

<a href="http://baidu.com">百度</a>

在这里插入图片描述

HTML图像

HTML 图像是通过标签<img>来定义的。使用img元素来为你的网站添加图片，使用src 属性指向一个图片的具体地址

例子：

<img src="v2-6afd1ddf260ca59f64d4bc9b407be753_r.jpg"width="300px"height="240px">

在这里插入图片描述

诺诺meow

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录