HTML基本概念以及常用标签总结

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

HTML编写的工具

VS Code、HBuilderX、DW、Sublime Text等

我使用的工具是VS Code。可以直接在官网下载软件安装包,安装过程没有出现问题。在配置一些小插件时可能会出现问题,比如安装失败、安装错误之类的,这时只需要选择手动下载插件,并安装就好了。

HTML5概念

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。

HTML的文档声明与字符编码

1. <!DOCTYPE html>

2. <html lang="en"> en代表英语,也可换成其他语言。

3. <meta charset="UTF-8"> UTF-8代表字符编码。

HTML的一些常用标签

(1)title标签:<title>....</title>  具有标识网页名称的功能

(2) meta标签:<meta>  meta标签 是一个自结束标签,自结束标签有两种写法 <meta>、<meta/>在开始标签里,我们可以加属性和属性值

完整的网页结构: 

 

(3) 标题标签(h1-h6) : h1 一级标签 ,h2二级标签以此类推

        默认格式:h1-h6 字体大小逐步减小,字体会加粗加黑

        从语义上看:h1到h6,语义是逐步降低的,也是可以帮助浏览器检索内容,提高网络排名

注意:常用的标题标签:h1-h3,标题标签会独占一行,是块元素

 

(4)段落标签(<p>......</p>):默认样式:段落与段落之间有较大的空隙,段落标签也独占一行 是块元素

(5)标题分组(<hgroup>...</hgroup>):让标题之间有关系,没有默认样式

 (5)强调标签(<strong>...</strong>;<em>...</em>):strong 强调标签,默认样式:字体加粗加黑;em 强调标签,默认样式:字体斜体

 (6)强制换行标签(<br>;<br />):强制换行,是一个自结束标签

 

(7)分割线标签(<hr>):分割线,也是一个自结束标签

(8)删除线标签(<del>...</del>):在字符上面加一条删除线

 

 (9)居中标签(<center>...</center>):有字符居中效果

(10)行内标签(<span>...</span>): 是一个没有任何语义的标签 一般用来包裹文字

(11)引用标签(<q>...</q>):默认样式:加双引号

 

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值