优秀的编程知识分享平台

网站首页 > 技术文章 正文

认识HTML页面（html页面怎么写）

nanyue 2024-09-14 06:19:54 技术文章 4 ℃

网页就是一个HTML文件。

1、HTML结构

<!doctype html>

<HTML>

<head>

<title></title>

</head>

<body>

</body>

</HTML>

说明：

  • 文档类型<!DOCTYPE>

<!DOCTYPE html>

标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范.

  • HTML标签
  • 标识HTML文档，是所有HTML中标签的一个根节点。
  • head标签
  • 标识头部区域，用于存放：title,meta,base,style,script,link
  • title标题
  • 在head标签中我们必须要设置的标签，让页面拥有一个属于自己的标题。
  • body标签
  • 标识页面的主体部分，用于存放所有的HTML标签，如p,h,a,b,u,i,s,em,del,ins,strong,img

2、HTML标签和属性

写HTML文档时，必须遵循HTML语法规范。HTML文档实际上就是一个文本文件，它由标签和信息组合而成，当然标签和信息也不是随便组合的，需要遵循一定规则，否则无法正常显示。

  • 标签分类
  • 在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <html>、<head>、<body>都是HTML标签。根据出现个数不同，分为双标签和单标签
  • 双标签
  • 该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签 名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束 标签只是在前面加了一个关闭符“/”。
  • <标签名 属性名1="属性值" 属性名2="属性值" 属性名3="属性值" ……> 内容 </标签名>
  • 单标签
  • 单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
  • <标签名 属性名1="属性值" 属性名2="属性值" 属性名3="属性值" …… />

  • 标签关系
  • 嵌套关系
  • <head> <title> </title> </head>
  • 并列关系
  • <head></head> <body></body>
  • 标签语义化
  • 所谓标签语义化，就是指标签的含义
  • 作用：
    • 方便代码阅读和维护
    • 具有更好地搜索引擎优化
    • 更容易让浏览器或是网络爬虫解析，从而更好地分析网页的内容
  • 遵循原则：
  • 合适的地方放一个最为合理的标签。 当我们去掉CSS之后，网页结构依然组织有序，并且有良好的可读性

有一起学习的吗？请点赞收藏+关注哦！

Tags：

猜你喜欢

最近发表
标签列表