HTML的基本骨架及常用标签

1、HTML是构成Web页面(page)、表示Web页面的符号标签语言。

2、HTML全称是超文本编辑语言(HyperText Markup Language)

3、语法结构:<标签>受标签影响的内容</标签>

基本结构

<DOCTYPE>:用最新的html标准进行渲染

<html>:处于文档的最前面,表示文档的开始直到遇到</html>结束

<head>:网页的头部,通常存放一些介绍页面内容的信息。

<body>:网页的主体,定义网页上显示的主要内容与显示格式。

<title>:网页的标题,显示在浏览器的标题栏中,用以说明文件的用途。

<meta>:元信息标签,用来指明本页作者、制作工具、所包含的关键字以及一些描述网页的信息。

快捷键:!+Enter

段落标签

在网页中将文段分段显示,可使用<p>标签来将网页分为若干个段落。

语法:<p>段落内容</p>

代码如下:

运行结果如下:

换行标签和水平线标签

在HTML中,常用<br>标签表示换行,用<hr>标签作为一条水平线,可用于分隔各主题的内容,二者均为单标签

在<hr>内加入属性可改变水平线的粗细、颜色等。

属性:color="颜色" align="left 丨center丨right(居左丨居中丨居右)" size="粗细" width="长度",其中粗细和长度均以像素为单位

代码如下:

运行结果如下:

标题标签

用<h1>~<h6>将标题区分为一~六级,加了标题标签的文本也会随着等级的大小变大和加粗。

代码如下:

运行结果如下:

文本标签

<strong>强调文本</strong>

<i>斜体文本</i>

<b>加粗文本</b>

<em>强调文本</em>

<del>带删除线文本</del>

<ins>带下划线文本</ins>

代码如下:

运行结果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值