分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

前端基础-HTML常用标签介绍

发布时间:2023-09-06 01:48责任编辑:赖小花关键词:HTML前端

                  前端基础-HTML常用标签介绍

                                    作者:尹正杰

版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.HTML是什么
    1>.超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则;
    2>.浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性);
    3>.静态网页文件扩展名:“.html ”或 “.htm”;
    4>.HTML 不是一种编程语言,而是一种标记语言 (markup language),HTML 使用标记标签来描述网页。
 
二.HTML结构
   其实HTML大致可以分为两个部分,即head和body,但是这2个标签中又可以嵌套很多种其它的标签,下面我就简单对HTML大致结果做个说明:
 1 <!DOCTYPE html> ????????????????????????   <!--Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档。html这种模式兼容浏览器是最好的--> 2 <html lang="en"> ??????????????????????   ?<!--是文档的开始标记,此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部<head>和主体<body>--> 3 <head> ??????????????????????????????????    <!--元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。--> 4 ????<meta charset="UTF-8"> ???????????????<!--指定页面编码,我们称这种标签类型为自闭和标签,因为我们需要在标签的结尾写上“/”,为了方便我们识别标签类型。--> 5 ????<title>Title</title> ???????????????    <!--定义头部(标签)的标题--> 6 </head> ?????????????????????????????????    <!--head标签的结尾,结合该标签的开头,这种标签类型我们称之为主动闭合标签。--> 7 <body> ???????????????????????????????????    <!--该标签和</body>之间的文本是可见的网页主体内容--> 8 ??????????????????????????????????????????      <!--这里的内容是文件体,它是<body></body>之间的文本,也是将来要在浏览器中显示的数据。--> 9 </body> ?????????????????????????????????    <!--</body>意味着网页的内容结束-->10 </html> ?????????????????????????????????    <!--是文档的结束标记-->
 
三.HTML标签格式

标签的语法:

<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />

前端基础-HTML常用标签介绍

原文地址:https://www.cnblogs.com/yinzhengjie/p/8748000.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved