2020-10-12

1.什么是HTML,CSS？

是做网站的编程语言，浏览器先解析代码，然后就会看见网站的效果

2.怎么查看网站的源代码？

鼠标右键选择查看网页源代码

3.一个网站由多个网页组成，一个网页=一个.html

4.什么是HTML CSS JAVAscript?

HTML:结构化 超文本标记语言

CSS：样式

Javascript:行为（交互）

5.ctrl+s 保存 ctrl+A全选 ctrl+x剪切 ctrl+z撤销 ctrl+y前进 shift+end从头选中一行 shift+home从尾部选中一行
先选中一个单词然后Ctrl+D实现选中多个相同的这个单词进行编辑
shift+alt+pgdn快速复制一行 alt+pgdn/pgup快速向下/上移动一行

tap向后缩进 tap+shift向前缩进

多光标：alt+鼠标左键 ctrl+d选择相同元素的下一个 ctrl+鼠标滚轮：在网页中放大/小操作 ctrl+0还原初始大小

6.html基本结构和属性

HTML：超文本 标记 语言

超文本：文本内容 非文本内容（如视频，音频，图片等）

标记：<单词> 也叫标签

       写法有两种，单标签  双标签<></>

       创建标签的快捷键： tab+单词 =》<单词></单词>

       标签可以嵌套，也可以上下排列

http://www.html5star.com/manual/html5label-meaning/HTML常见标签用法

标签的属性：修饰标签，设置当前标签的一些功能<标签 属性1=“值1” 属性2=“值2”>

7.HTML初始代码
每个.html文件都有的代码叫初始代码，要符合html文件的规范写法
！+Tab:快速的创建初始代码

8.HTML注释:ctrl+/ shift+alt+a
9.html语义化：根据网页中内容的结构，选择适合的HTML标签进行编写
好处：1.在没有CSS的情况下，网页也有好的结构
2.有利于SEO，让搜索引擎爬虫更好的理解网页
3.方便其他设备解析（如屏幕阅读器等）
4.便于团队开发与维护
10.标题与段落
标题 双标签:h1-h6
(一个.html文件中h1标题只能出现一次，是最重要的，)
（h5-h6不常用）
段落 双标签：p标签
11.文本修饰标签：

12.图片标签 imag ->单标签
src=“图片地址”
alt="问题的时候，可以显示一段友好的提示文字”
title=“鼠标移动在图片上显示图片的提升信息”
width，height:控制图片的大小
（固定图片的大小，图片上下的文字位置不会有变化）
13.引入 文件的地址路径
①相对路径：
。在路径中表示当前路径
。。在路径中表示当前路径的上级路径
②绝对路径
D:\前端\img\animal
注意：网络地址只能 / 不能
14链接
a ->双标签
href属性：链接的地址
target属性：可以改变链接的打开方式，默认情况是_self当前页面打开 新窗口打开是_blank
base ->单标签，改变所有标签的默认行为，一般写在Head中