HTML入门学习笔记-常用的标记标签tag

最新推荐文章于 2022-08-17 20:59:16 发布

wsl_cnxw

最新推荐文章于 2022-08-17 20:59:16 发布

阅读量2.9k

点赞数

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

本文链接：https://blog.csdn.net/wsl_cnxw/article/details/100062026

版权

HTML超文本标记语言 (Hyper Text Markup Language)，是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <...

摘要由CSDN通过智能技术生成

HTML超文本标记语言 (Hyper Text Markup Language)，是用来描述网页的一种语言。
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

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

html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
<title>是网页的显示标题
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
在使用meta标签的时候，content是必须要写的属性，还有几个是可选的属性（name,http-equiv, scheme）。下面我们来看一个meta的使用例子，让当前页面没隔2秒自动刷新一次页面。

<!DOCTYPE html
<html>
   <head>
       <title> HTML中的Meta标签</title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <meta name="keywords" content="HTML meta 标签" />
       <meta name="description" content="HTML meta 标签的说明" />
       
       <meta http-equiv="refresh" content="2" />
   </head>
   <body>
       <p>
           学习HTML中meta标签用法
       </p>
   </body>
</html>

HTML中的标题控制标签<h1> ~ <h6>，在HTML中标题写在body标签下，一共有六级标题，h1表示最大标题，h2表示第二大标题，直到h6表示最小标题。记住，只有六级标题，标题标签有一个align属性，就是控制标题左对齐还是右对齐，或者居中显示的这个属性，现在不推荐使用，推荐用样式调整而不是直接在h1到h6里面写对其样式，例如在css里写对其。

看看下面的demo.html输出不同标题字体大小显示。

<!DOCTYPE html
<html>

   <head>
       <title>
           HTML中的Meta标签
       </title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   </head>
   <body>
       <h1> 第1级标题</h1>
       <h2> 第2级标题</h2>
       <h3> 第3级标题</h4>
       <h4> 第4级标题</h4>
       <h5> 第5级标题</h5>
       <h6> 第6级标题</h6>
       
       <h7> 第7级标题</h7>
   </body>
</html>

HTML的段落标签和换行。在HTML中段落用<p>表示，段落英文单词第一个字母的缩写就是p

<!DOCTYPE html
<html>
   <head>
       <title>
           HTML中的段落标签p
       </title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   </head>
   <body>
       <p>这是
               第一段落       </p>
       <p>第二段落 </p>
       <p>第三段落
       <br/>换行
       </p>
   </body>
</html>

HTML中字体效果，分别是粗体和斜体以及下划线效果。HTML中<b>标签表示粗体，是英文打次blod的缩写；用<i>标签标签斜体，是英文单词italic的缩写；用<u>表示下划线，是英文单词underline的缩写。
直接来看看下面的例子，很简单。

<!DOCTYPE html
<html>

   <head>
       <title>
           HTML中的粗体，斜体和下划线标签
       </title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   </head>
   <body>
       <p><b>这是粗体效果 </b></p>
       <p><i>这是斜体效果 </i></p>
       <p><u>这是下划线效果 </u></p>
   </body>

HTML中上脚注和下脚注标签。上脚注长什么样呢？想想一下3的3次方的数学写法就知道了。有时候wold文档里面脚注和文献中脚注都需要用到上脚注或者下脚注。

<!DOCTYPE html
<html>
<

最低0.47元/天解锁文章

wsl_cnxw

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
HTML入门学习笔记-常用的标记标签tag

HTML超文本标记语言 (Hyper Text Markup Language)，是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <...
复制链接

扫一扫