HTML基础标签 零基础入门笔记内容

本文介绍了HTML的基础概念及其核心特性,包括其通用性、可扩展性和平台无关性。文章详细解释了HTML的基本结构,列举了多种常用的HTML标签,如段落、标题、列表、表格和多媒体标签等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

什么是HTML?

HTML它的全称是‘超文本标记语言’(Hyper Text Markup Language),取四个单词首字母简称为HTML。

而标记语言则是一套标记标签 (markup tag)

而HTML就是使用标记标签来描述网页。

那么何为超文本?顾名思义指的是超出文本定义的限制,而HTML就是一种超出文本的标记语言。

它有着众多一系列的标签,通过这些标签可以将网页上的所有元素统一起来,使得分散资源(文字、视频、图片、动画、声音、链接等)连接为一个整体,以网页的形式完整的展现出来。

HTML的特点

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,其主要特点如下:   

1 通用性,HTML只要电脑有浏览器就可以运行,更加灵活方便。

2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。   

3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,但是HTML可以使用在广泛的平台上.

HTML的基本结构

  1. html 标签是由“ <  > ”包围的关键词。
  2. html 标签通常是成对出现,分为标签开头和标签结尾。例如 标签开头:<p>     标签结尾:</p>
  3. html 有部分标签是没有结尾标签的,它们称作为单标签,单标签的结尾使用“/”结尾。
  4. html 所有内容都是包含在<html>  </html>标签中。
  5. Html 标签具有 语义化,可以通过标签名来判断标签的作用,能够更快更清晰的让浏览器识别出网页内容。
  6. Html 标签分成三部分:标签名称、标签内容、标签属性。
  7. 标签属性可以加在标签名称的后面,标签内容是在标签开头和标签结尾中间。
  8. 标签内容可以添加其他标签。    例如:<span>   <p> </p>    </span>

HTML文本标签(部分)

1、段落标签<p> </p>,段落标签,用来输出一段文字。

2、标题标签<hx></hx>,标题标签用来描述一个标题,标题标签总共有六个级别,字号的大小默认随数字增大而递减,从大到小依次为1-6级,如:<h1></h1>、<h2></h2>······<h6></h6>;

3、无语义标签<span></span>,这个标签无任何语义。

4、短文本引用标签<q></q>,简短文字的引用。

5、长文本引用标签<blockquote></blockquote>,长文本引用。

6、换行标签<br/>,文本或段落换行。

7、强调标签<strong></strong>,会加粗文本用以强调表示非常重要的文本,同时还有一个<em></em>标签也是强调类型标签,会倾斜文本用以强调,强调内容本身。

8、加粗标签<b></b>,文本加粗,bold的缩写。

9、倾斜标签<i></i> ,文本斜体表示。

10、下划线标签<u></u>: 可以为文本添加下划线,underline的缩写。

11、<sup></sup>  :上角标;<sub></sub>  :下角标

 HTML多媒体标签

1、链接标签,<a></a>

2、图片标签,<img>

3、视频标签,<video></video>

4、音频标签,<audio></audio>

HTML列表标签

1.无序列表标签,<ul></ul>标签定义一个无序列表,<li></li>标签代表无序标签中的每一个元素。

 2.有序列表,<ol> </ol>标签定义一个有序列表,<li></li>标签代表无序标签中的每一个元素。

 3.定义列表,<dl></dl>,定义列表通常和<dt></dt>与<dd></dd>标签一起使用。

 HTML表格标签

1.表格标签<table></table>

2.表格的行<tr></tr>

3.表格的表头<th></th>

4.单元格<td></td>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值