HTML之标签

最新推荐文章于 2024-04-03 00:37:37 发布

松鼠MaSaKi

最新推荐文章于 2024-04-03 00:37:37 发布

阅读量337

点赞数

分类专栏： JAVA Basics 文章标签： html web前端标签

本文链接：https://blog.csdn.net/qq_45337431/article/details/99822882

版权

HTML概述

HTML(Hyper Text Markup Language)超文本标记语言。
超文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。是一门用来创建网页的标记语言。

HTML特点：

简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便
可扩展性：超文本标记语言采取子类元素的方式，为系统扩展带来保证
平台无关性：超文本标记语言可以使用在广泛的平台上，这也是万维网（www）盛行的另一个原因
通用性：HTML是网络的通用语言,一种简单、通用的标记语言

HTML免费学习网站
 菜鸟教程

目前web前端的架构模式

B/S(Browser/Server) 浏览器/服务器架构

后台数据更新，前端刷新浏览器，就可以看到效果
成本低，维护效率高

C/S(Client/Server) 客户端/服务器架构

后台数据更新，要求客户端同时更新
成本高，用户体验好，并且可以承载比较大的程序

基本书写结构

HTML页面包含头部head和主体body
HTML标签通常是成对出现的，有开始就有结束，这样的标签称为成对标签、没有结束标签称为空标签。
HTML通常都有属性，格式:属性名＝“属性值”(多个属性之间空格隔开)
HTML标签不区分大小写,建议小写
文件名后缀为.html或.htm

<!--文档声明：告诉浏览器使用HTML5版本 -->
<!DOCTYPE html>
<html>
  <!--网页的头部 -->
  <head>
    <!--设置页面的字符集编码 -->
    <meta charset="utf-8" />
    <!--设置页面的标题 -->
    <title>第一页面</title>
  </head>
   <!--网页的主体 -->
  <body>
    <!--需要展示的信息-->
    页面内容
  </body>
</html>

结构标签

<html>根标签<html>	 
<head>头标签</head>		 	
<title>页面的标题</title>		 
<body>主体标签：网页内容</body>

<!--属性-->
<font color="red">内容</font>
<font size="30">内容</font>
<body bgcolor="bisque"> </body>
<body background="图片的地址"> </body>

排版标签

<!--注释--> 
<br/> <!--换行-->

<!--p
标签具有属性，可以设置id，可以该字体颜色，调整位置，行间距line-height
此外，本身有margin，可以通过调整margin调整行间距
-->
<p>文本文字段落标签</p>

<hr/><!--水平线标签：width/size/color/align-->

文本标签

<!--随着数字增大文字逐渐变小，字体是加粗的，内置字号，默认占据一行-->
<h1></h1>—-<h6></h6>

<!--文本格式化标签，可以互相多层套用-->
<big>定义大号字体</big>
<b>定义粗体文本</b>
<em>定义着重文字</em>
<i>定义斜体字</i>
<small>定义小号字</small>
<strong>定义加重语气</strong>
<sub>定义下标字</sub>
<sup>定义上标字</sup>
<ins>定义插入字</ins>
<del>定义删除字</del>