初学HTML记录

记一下重要知识点

web标准：结构（html）， 表现（css），行为（javascrpit）。而且，结构表现行为相分离，即在不同的文件中。
常用软件为：Visual Studio Code
如果代码看得累可以缩放操作
Ctrl+放大
Ctrl-缩小

当新建文件后第一件事是保存，切记保存要保存为.html
生成html骨架：输一个！然后按下tab键
安装插件后要重启以下。

!DOCTYPE:声明标签，告诉浏览器当前是最新的html5来显示页面。必须写到第一行。不是html文件，是文档类型的声明文件。
lang=en，lang是语言的缩写，en为英文网站，zh-CN中文网页。
charset ：字符集
学习HTML要记下标签的语义。
p段落标签。
br换行标签，是个单标签，一般也直接写作
可以在查看里面自动换行,方便编辑

文本格式化标签：要求比普通文字更为重要
strong加粗
b加粗
i,em倾斜
del,s 删除线
ins,u 下划线

DIV, SPAN 没有语义，就是盒子，可以放入各种元素。

div用来布局，但是一行只能放一个DIV，一个div独占一行，后面也不能有别的。div当作大盒子
span用来布局，但是一行可以有多个span，几个span可以并在一行显示。span当作小盒子

img src=“图像地址” 图像标签，非常重要
src是img标签的属性，属于图像标签的特性，指向图片的地址和文件名。
alt依然是img标签的属性，当图片无法显示则用文字来替换。
title img属性，提示文本，当鼠标移动到图片上显示的文字。
width 图像宽度
height 图像高度
border 边框粗细
在网页中一般只修改宽或者只修改高，图片会根据比例自动缩放，同时修改宽高会导致图片的变形。
注意，属性必须写在图像标签名的后面，属性之间部分先后没有顺序，但一定要根据空格分隔。
属性采用 属性=“属性值” 的格式。
重点：img的哪个属性是必须要写的，src
alt 和 title的区别在显示方式的不同，作用的不同

目录文件夹，放置了所有网站的相关素材。
打开目录文件夹的第一层，叫做根目录。

路径：
相对路径：以图片相对于html页面的位置为参考。

同一级路径：直接输入src就行。img src=“xxxxx/xxx/img.jpg”
下一级路径：要使用/。img src=images/img.jpg
上一级路径：要使用…/。img src=…/img.jpg
绝对路径：就是文件在电脑中的位置。或者在网络中唯一存在的地址。

超链接标签： a
从一个页面通往另外的页面。
超链接的语法规范：
用一对a标签 建立超链接，a是anchor的缩写。
它的属性：href，target
href：“跳转目标”
target：“用什么样得方式打开目标页面”_blank就是在新窗口打开目标链接。_self就是在当前页面直接跳转。

链接的分类：
外部链接：http：//
内部链接：网页内部的页面通过链接相互跳转，直接输入文件名.后缀 即可。
空链接：井号代替路径，当页面建设中，预留的链接位。
下载链接：地址链接是 文件.EXE 或者 文件.zip。
网页元素链接：文本，图片，表格，音频，视频。
锚点链接：页面内的跳转。例如：
链接：

第2集

名字可以随便取，但是井号必须有。
然后设立目标位置标签，添加一个id属性=刚才的名字。

第2集

可以设置标签的同时设置连接，以实现页面内的来回跳转方便操作。

html的注释：
可以选定代码然后按下Ctrl+/，加上注释。
或者再按下Ctrl+/去掉注释。

特殊字符：&nbsp；这是空格。
还有很多。比如大于小于号&lt； &gt；