做一个简单的页面——基础

Guoli丨

已于 2022-11-17 19:08:50 修改

阅读量358

点赞数 2

文章标签： html css 前端

于 2022-11-16 18:49:31 首次发布

本文链接：https://blog.csdn.net/m0_65762277/article/details/127890793

版权

01.简单的网页结构

<!--ctrl+/  注释符号 通过注释给大家写一些笔记-->
<!-- html标签，根标签/跟元素 所有的网页内容都要写在html里面 
开始标签和结束标签中间，一个页面只能一个html-->
<!-- 简单网页结构 -->
<html>
<head>
<!-- head标签   保存一些元信息 它里面的内容，用户是看不见的
主要是帮助浏览器编译代码 -->
</head>
<body>
    <!-- body标签 书写网页的主体内容，所有的给用户看的，都写在body里面 -->
</body>

 一个简单的页面

</html>

02.文档声明

<!doctype html>

文档声明写在html最上面，告诉浏览器我是按照html的规范来编写代码的浏览器也要按照规范编译，以免代码编译陷入怪异模式。

03.title和meta标签

</title>

<!-- meta标签是一个自结束标签 ,也可以存一些元信息，帮助浏览器编译代码

自结束标签有两种写法 <meta>,<meta />

在开始标签里，我们可以加属性和属性值

charset 字符集属性

charset的设置就是为了防止出现乱码 -->

<!--

编码：文字、图片、音视频==》二进制

解码：二进制===》文字、图片、音视频

乱码：编码和解码用的不是一个密码本

-->

04.网页结构

<!-- shift+! 网页结构快捷键 -->

<!-- 格式化代码 shift+alt+f -->

<!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>

</head>

<body>

</body>

<html>

05.html规范总结

1.html标签有成双成对的，也有自结束标签

2.html中是不区分大小写，但一般用小写居多

3.标签可以嵌套，但不可以交叉嵌套

4.养成良好的注释习惯，简洁，明了注释也不可以嵌套

5.html.css,js都是一种宽泛的语言，它的容错率比较高它会给你自动纠错，但我们要尽量避免，防止网站的性能有所影响，而且它改的不一定是你想要的

Guoli丨

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
做一个简单的页面——基础

1.html标签有成双成对的，也有自结束标签2.html中是不区分大小写，但一般用小写居多3.标签可以嵌套，但不可以交叉嵌套4.养成良好的注释习惯，简洁，明了注释也不可以嵌套5.html.css,js都是一种宽泛的语言，它的容错率比较高它会给你自动纠错，但我们要尽量避免，防止网站的性能有所影响，而且它改的不一定是你想要的。
复制链接

扫一扫