蒋子寒的第一篇blog
一、什么是HTML、CSS?
1、是做网站的编程语言
2、浏览器把代码解析后的样子就是我们看到的网站
3、每个网站是由多个网页组成的，每个网页就是一个.html文件
二、 vscode编辑器？
1、现阶段需要安装的插件：语言包、open in broswer、view in broswer
2、ctrl+s：保存
ctrl+a：全选
ctrl+x：剪切
ctrl+z：撤销
ctrl+y：前进
ctrl+end：从头选到位
ctrl+home：从尾部选中一行
shift+alt+↓：快速复制一行
alt+↑或↓：快速移动一行
tab：向后缩进
tab+shift：向前缩进
alt+鼠标左键：多光标
ctrl+d：选择相同元素的下一个
三、chrome浏览器
四、web前端的三大核心技术
HTML:结构
CSS：样式
JavaScript：行为
五、HTML的基本结构和属性
1.HTML:超文本 标记 语言
(1)超文本：文本内容+非文本内容（图片、视频、音频等）
(2)标记：<单词>
(3)语言：编程语言
2.标记也叫做标签，标签分为单标签和双标签
单：< header>
双：< header>< /header>
< header>< footer>都是双标签
3.创建标签的快捷键：单词+tab
4.html常见标签：
六、HTML的初始代码
1.每个.html文件都有的代码叫做初始代码，要符合.html文件的规范写法
2.快速创建html的初始代码：！+tab
七、HTML的注释
1.注释的代码，只有在文件中可以看到，但是浏览器显示不出来<！–注释的内容–>
2.意义：把暂时不用的代码注释起来，方便以后使用；对开发人员进行提醒
3.快捷添加注释与删除注释：ctrl+/
shift+alt+a
八、HTML的语义化
1.含义：根据网页中内容的结构，选择合适的HTML标签进行编写
2.好处：在没有CSS的情况下，页面也能呈现很好的结构内容
有利于SEO,让搜索引擎爬虫更好的理解网页
方便其他设备解析（如屏幕阅读器，盲人阅读器等）
便于团队开发与利用
九、HTML的标题与段落
h标签：标题
<H1><h2><h3>......<h6>
p标签：段落
<p></p>
<!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>
<h1>一级</h1>
<p>段落1</p>
<h2>二级</h2>
<p>段落2</p>
<h3>三级</h3>
<p>段落3</p>
</body>
</html>
十.HTML修饰符
加粗：< strong>< /strong>
斜体：< em>< /em>
上标：< sub>< /sub>
下标：< sup>< /sup>
删除：< del>< /del>
插入：< ins>< /ins>
十一.HTML图片
img：图片标签
src：图片地址
alt：替代方案
title：标题
width：宽
height：高
十二.地址
./当前目录
.//上一级目录
十三.超链接
<a></a>
例子：
<a href="网址" target="打开方式">文字</a>
或者：
<base target="打开方式">
十三.跳转点
1.#+id
2.#+name
十四.特殊字符
< <
> >
  空格
十五.无序列表
<ul>、<li> 必须连续出现
例子：
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
十六.有序列表
< ol>< li>
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ol>
十七.定义列表
dl
dt
dd
<dl>
<dt>内容</dt>
<dd>描述</dd>
<dt>内容2</dt>
<dd>描述2</dd>
<dt>内容3</dt>
<dd>描述3</dd>
</dl>
3834
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
