day02基础结构&基础语法

本文介绍了HTML的基础结构,包括DOCTYPE、html、head、body等元素及其作用。同时,讲解了VSCode的使用技巧,如快速打开文件夹、安装LiveServer及设置自动保存和刷新。此外,还分享了HTML快捷键和注释方法,包括单行和多行注释。文章最后探讨了HTML标签的单双标记写法,并对HTML元素进行了总结。
摘要由CSDN通过智能技术生成

1-6思维导图

day02笔记

7.基础结构代码以及解释

<!DOCTYPE html>       <!-- 声明文档类型:html-->
<html lang="en">      <!-- lang="en"   代表网页编写的语言,en代表英语,zh代表中文-->
<head>                <!-- 头部:描述区域 引入一些相关的资源进行解析 css、js、icon图标 -->
    <meta charset="UTF-8">  <!-- 编码格式 解析页面中的中文汉字 -->
    <!-- 以下2个标签:视口标签以及浏览器的解析方式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>许文莉</title> <!-- 网页的标签-->
</head><!-- head:引入资源的地方 -->
<body>
    <!-- 身体 页面的主题内容 建议把所有html结构代码写在此处 -->
</body>
</html>
1)voscode的使用

1.文件夹右键用vscode直接打开
2.安装live server或open…来快速运行网页
3.设置网页自动保存并运行auto save 成 after delay 以及刷新时间 500

2)快捷键

英文!+tab键 快捷键直接敲出HTML的标准格式

3)注释

1.Ctrl+/ 单行文本快捷键
2.Ctrl+/ 多行文本快捷键,先选中多行文本
3.Alt+shift+A 部分注释,先选中部分文本文字

8.单双标签的写法

html两种标记的写法

1.双标记/常规标记 <标记的名称 属性1=“属性值1” 属性2=“属性值2”></标记的名称>
2.单标记/空标记 <标记的名称 属性1=“属性值1” />

总结

1.标记=标签=元素
2.属性表示修饰的对象,属性值是对属性的修饰当一个标签有你多个属性的时候,是不分前后顺序的
3.html语法没有那么严格,单标签的后面反斜杠/是可以省略的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值