【HTML基础知识】

HTML的基本概念


HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它允许开发者使用一系列预定义的元素和标签来描述网页的结构和内容。HTML文档是构成Web页面的基础,它定义了页面上的文字、图片、链接、列表等各种元素以及它们的布局和呈现方式。
HTML的基本结构
一个基本的HTML文档骨架通常包括以下几个部分:

  •   <!DOCTYPE html>:声明文档类型,用于告诉浏览器文档使用的HTML版本。
  •   <html>:根元素,包含整个HTML页面的所有内容。
  •  <head>:网页的头,包含文档的元数据,如标题、字符集声明、链接到外部资源等。
  •   <title>:定义浏览器标签的标题。
  •   <body>:网页的主体,包含可见的页面内容,如文本、图片、链接等。

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

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

基本的标签有:

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<h1> 定义最大的标题。<h6> 定义最小的标题。

实例

<h1>这是小k</h1>
<h2>这是小k</h2>
<h3>这是小k</h3>

结果

43090a9dc35449f5b29b6083bcc4d310.png

 

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

例子

<p>这是一段</p>
<p>这是另一段</p>

运行结果

91d07a5fd5bb4853bdd62be06330f3d7.png

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

例子

<a href="https://www.baidu.com/">这是百度</a>

 运行结果

27c7eafe8c1f45e1bd35fbae925d0ed7.png

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。用 width和 height定义宽高。

<img src="1.jpg" width="150" height="100">

运行结果是1.jpg图片 

HTML 注释标签

您能够通过如下语法向 HTML 源代码添加注释:

实例

<!-- 这是一段注释 -->

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

<!-- 记得在此处添加信息 -->

HTML格式化标签 

可以把文字设置粗体<b> or <strong>、斜体<i> or <em>或下划线<ins>效果

    <b>加粗文本</b>                            
    <i>倾斜文本</i>
    <del>带删除线文本</del>
    <ins>下划线文</ins>

运行结果

d3bbee8d9c1f432fab7dc0fe8fd2b491.png

 

特殊符号和文本层次语义元素标签

1.空格——&nbsp;

2.大于(>)——&gt;

小于(<)——&lt;

3.引号( '' )——&quot;

4.版权号(©)——&copy; 

5.<time>标签(注:<time>标签在浏览器中不会呈现任何特殊效果,页面表达日期时间可以直接用数字书写,<time>标签的作用是为搜索引擎和其他引擎提供特殊的解析和展示,它主要用于机器识别,可以提高开发解析效率)

6.<cite>标签(用于引用外部资源的标题或作者信息,通常用在引用的文献、书籍、网页等资源的标题或作者信息上。该标签通常用于文本中的引用部分,以突出被引用信息的重要性。使用<cite>标签可以增强引用部分的可读性,并帮助读者更好地理解引用信息的来源和来源作者)

7.<mark>标签(是一个HTML标记,用于将文本中的一部分突出显示。当一个文本被包围在<mark>标签中时,这部分文本将被高亮显示,通常以黄色背景和黑色字体显示。这可以用于突出显示关键词、重要段落或需要注意的内容)

8.预格式化标签 <pre> (用于在 HTML 中定义预格式化的文本块,这意味着文本中的空格、换行符和其他空白字符会被保留。预格式化的文本不会被浏览器自动换行或忽略空格)

9.缩排标签 <blockquote> (用于在 HTML 中定义一个独立的块引用。该标签通常用于引用他人的言论或其他文本,并具有缩进的效果。)

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值