咨询
帮助
建站咨询 
- 作者：admin
- 发表时间：2020-12-01 07:50
- 来源：未知
这篇文章主要介绍了HTML基本标签及结构详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
1.HTML概述
1.HTML：超文本标记语言。是一种标识性语言，非编程语言，不能使用逻辑运算。通过标签将网络上的文档格式进行统一，使分散的网络资源链接为一个逻辑整体。
超文本是一种组织信息的方式，通过超级链接将多种媒介链接起来
标记:标签。用<>包裹的具有一定含义的内容，比如:…
静态网页:不变
动态网页：跟后台同时改变
2.HTML标签结构
1.文档结构：
<!doctype html><!--!表示声明的意思。这一行代码意思：下面的文档标签将以html5进行解析-->
<html>
<!-头部.用来完成一个网页的相关设置->
<head>
<meta charset="utf-8"><!--汉字编码--><!--meta:元，用来完成对应设置-->
<meta name="keywords" content=""><!--设置一个网站搜索的关键字-->
<meta name="description" content=""><!--网站的描述内容-->
<title>我的第一个html网页</title><!--标题-->
<!--设置网站的小图标-->
<link rel="shortcut icon" href="" type="image/png">
<style>
/*书写样式的地方*/
</style>
<link rel="stylesheet" href="style.css"><!--用来引入外部样式文件-->
</head>
<!--2.主体部分-->
<body>
<p>这是一个段落</p>
</body>
<script>
//放脚本代码的地方
</script>
</html>
2.常用标签：
<!--做移动端开发设置-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!--1.div标签，用于布局，没有具体含义,分层。层-->
<div></div>
<!--2.hx:标题,从1级到6级，1级最大，6级最小，自动加粗，有默认字号-->
<h1></h1>...<h6></h6>
<!--3.p标签：表示段落。相当与一个回车.-->
<p></p>
<!--4.br：生成换行符-->
<br>
<!--6.a标签,实现链接跳转,target：_blank新窗口/_self当前窗口_parent/top-->
<a href="url地址/链接" title="B站">文本</a>
