html学习笔记

最新推荐文章于 2022-04-26 08:00:00 发布

白小猫

最新推荐文章于 2022-04-26 08:00:00 发布

阅读量68

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/qq_46277212/article/details/115028415

版权

笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

HTML学习笔记

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

标签:
<标签>内容</标签> 标签通常是成对出现的
< !DOCTYPE html> 声明为 HTML5 文档
< html> 元素是 HTML 页面的根元素
< head> 元素包含了文档的元（meta）数据，如 < meta charset=“utf-8”> 定义网页编码格式为 utf-8。
< title> 元素描述了文档的标题
< body> 元素包含了可见的页面内容
< h1> 元素定义一个大标题
< p> 元素定义一个段落
< br>元素定义换行
< hr> 标签在 HTML 页面中创建水平线。
网页基本结构

<html>
<head>
<title>标题</title>
</head>
<body>
<h1>标题</h1>
<p>段落。</p>
<p>段落。</p>
</body>
</html>

只有body部分才能在网页中显示
目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">  
<!--meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；

meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；-->
<title>
页面标题</title>
</head>
<body>
 
<h1>标题</h1>
 
<p>段落。</p>
 
</body>
</html>

HTML 基础
HTML标题
html 标题（Heading）是通过< h1 > - < h6> 标签来定义的。

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>

HTML 段落
html 段落是通过标签 < p> 来定义的。

<p>段落。</p>
<p>另外一个段落。</p>

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

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

HTML图像
html 图像是通过标签 < img> 来定义的.

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

白小猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html学习笔记

<html><head><title>页面标题</title></head><body><h1>这是一个标题</h1><p>这是一个段落。</p><p>这是另外一个段落。</p></body></html>
复制链接

扫一扫