Web笔记1——HTML

VIP文章 JunyaoPan

于 2021-10-18 11:27:51 发布

阅读量286

点赞数

分类专栏： HTML 文章标签： html vscode html5

本文链接：https://blog.csdn.net/pyy13522/article/details/119862643

版权

HTML：

HyperText Markup Language（超文本标记语言）
用于描述网页文档结构
后缀：“.html”
编辑工具：vscode、sublime、idea...
解析工具：浏览器

VSCode插件推荐：

HTML CSS Support - Html提示Css自动补全
HTML Preview - 提供预览HTML文档的功能
HTML Snippets - 完整的HTML标签，包括HTML5片段
Live Server - 启动一个开发本地服务器，为静态和动态页面提供实时重载功能
open in browser - 可以在默认浏览器或应用程序中打开当前文件。
Bracket Pair Colorizer-括号高亮

HTML的标签

<!DOCTYPE html>：H5文档类型（ HTML document）说明该文档为Html5文档
<html></html>：根元素，所有标签都要放在html标签内部
<head></head>：主要用于设置或者导入外部文件
<meta charset="utf-8">：文档编码方式
（utf-8 万国码、GBK 国标码、Big5 繁体字（环球新闻导报社））
<title></title>：声明网页标题，出现在浏览器选项卡上
<body></body>：主要放网页内容
h5主要文档结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <style type="text/css"></style>
	<script type="text/javascript"></script> -->
</head>
<body>
    
</body>
</html>

语法

注释：

<!-- 内容 -->

标签元素：
1. 单标签：只有一个标签
```
<meta /> 、<img />、<br/>
```
2. 双标签：一个开始标签<>，一个结束标签</ >
```
<div></div>
<p></p>
```
3. 嵌套标签：
```
<p><strong></strong>标签</p>
```
常用属性：
1. 在开始标签内部，属性名=属性值，属性名不分大小写，属性值区分大小写，属性值可用双引号
2. 核心属性：title、id、class、style
  1. title：描述信息
  2. id：唯一标识，不能有重复
  3. class：标识类元素
  4. style：样式
特殊字符：

最低0.47元/天解锁文章

JunyaoPan

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Web笔记1——HTML

HTML：HyperText Markup Language（超文本标记语言）用于描述网页文档结构后缀：“.html” 工具：vscode、sublime、idea...VSCode插件推荐：HTML CSS Support - Html提示Css自动补全 HTML Preview - 提供预览HTML文档的功能 HTML Snippets - 完整的HTML标签，包括HTML5片段 Live Server - 启动一个开发本地服务器，为静态和动态页面提供实时重载功能 open
复制链接

扫一扫