学习完尚硅谷html(5)教程过程中记下的笔记

前言，本篇适合学习完html入门的小白复习，也适合学习过的老鸟回忆，故笔记可能有一些地方的用词或意义可能不恰当。也可以作为【尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版-哔哩哔哩】https://b23.tv/ET5Wtp 的一个各段视频简介，html是学习的语言，后面跟的编号与视频编号一致。
最近想学习前端入门，blbl上找到前端视频教程，现在看完了前26个视频，将学习过程中的笔记简单记录了下来，作为复习资料。首先一定要明白，html是用来描述网页结构的，css用来控制页面元素，javascript用来响应用户的操作。而且学完html，要学会一个重要技能，查documention，教程视频不可能面面俱到。切记以上所说两点。

html-1
系统软件 应用软件 游戏软件
cs bs 差别不大
c发送服务请求
s远程提供服务
客户端 文字 图形化界面 网页界面，客户端的形式
客户端 java CSharp python node.js php
网页客户端brwoser优点，也就是网页
无需安装，无需更新，跨平台
简化开发流程，降低开发成本
html css JavaScript
面向浏览器和网页

html-2
wwwnet创始人tim bernas lee sir。欧洲核研究中心，1991第一台服务器，第一个网页，应该说是网站
浏览器 ，显示和渲染网页w3c，www coalition，制定网页制作标准，早期网页开发无标准，一个网页，不同浏览器，不同结果。虽然过程坎坷，最后依旧主导话语权，或许应该叫网页编写。制定网页开发标准，使得一个网页在不同浏览器有同一个效果w3c标准包括3个方面，结构 ，表现和行为html用于描述页面结构css控制页面中元素的样式。JavaScript响应用户的操作

html-3，4
html，hypertext markup language
如何描述网页的结构，
通过标签标识页面中的内容，

根标签有两个子标签 头标签是展示浏览器上方的页面标题，no为浏览器提供一些搜索引擎提供一些内容，不直接展示在页面 正文标签是展示在页面中的内容 在标签之间的控制符不会改变内容的位置 ，应该使用实体实现控制符如br

html-5
download and install notepad++

html-6
自结束标签
注释，注释对用户隐藏不需要展示的，<!—— 注释别嵌套——>

html-7
以上所学的标签是描述页面内容的结构
属性标签用来描述内容的显示以名值对的形式存在于对应的开始标签或者自结束标签，而且标签与属性，属性与属性之间用空格隔开，属性必要，而有些属性值即在引号里面的值却是没用的红色的字

html-8
html的文档声明!doctype html这是html5的文档声明。
doctype html +dtd具体为其他版本

html-9
2481016进制
单位数字二，十六配合二进制，ip，mac 汇编地址可以看出

html-10
正如head标签是给浏览器看的
故一些配置写在里面meta标签是一个自结束标签，属性charset设置编码字符集类型如utf_8编码字符集与解码字符集不同引发乱码问题meta中还有其他元属性name contenthttp-equiv content

html-11
使用最新文档，用zeal可以浏览下载各种文档，若提示错误下载，vcredist
若是path问题在preference查看路径有何问题，

html-12
安装vscode
三份界面
ctr /注释快捷键
! tab创建html模板
extension是文本编辑器功能扩展
ayu是主题
chinese simplify 语言包
preference首选项中有setting

html-13
一个好用的扩展功能
liveserver可以在vscode中保存后就同步展出修改的网页可以联合首选项的auto save真正实现同步展出

html-14
html实体，&;
将一些在html中有特殊作用的符号实体化为可展示的符号，以及克服一些浏览器解析导致所写的一些符号被解析为与开发者想法不符的符号

html-15
meta标签设置元属性
name content设置对应名称和内容http-equiv content设置http的行为以及行为参数

html-16
语义化标签，网页被浏览器解析，解析者为电脑并不关心长啥样，而是语义问题
块元素h，blockquot内联元素br strong em q

html-17
网页编写的规范
网页中通过块元素对页面布局描述页内元素主要用来包裹文字块元素中可以放块行内元素除了p标签一般块元素不放在行内元素尽管不符合标准开发网页，但是浏览器仍然会进行一定意义上的修正，这样的修正一般是浏览器为网页源代码加上标签

html-18
练习 块标签 ，content section
headernavasidefooterarticle上面的是语义化标签应该由css实现以下两个在布局更通用，因为与语义无关div块元素span行内元素

html-19
list
ol li
ul li
dl dt dd
list可以嵌套

html-20
标签a实现超链接，
在它的属性href中可以设置跳转的位置
可以内网跳或者外网跳

html-21
…/
./
/

html-22
超链接的对象可以是页面内某一个标签的位置
只需为欲跳转标签位置，设置属性id，唯一标识业内标签，打上位置
href的参数设置为#id即可成功调到id位置
在文本标签中加lorem即可填充文本
href=“javascript:;“为无跳转的超链接

html-23
img标签有俩属性src，alt
width height属性改变大小

html-24
jpg，jpeg，多色，不透明
png，多色，透明gif，会动，弱透明webp，google，编码方式，base64，加载速度要求快

html-25
内联框架标签，将其他页面作为元素嵌入这个页面
atribute src，width，height，frameborder

html-26
标签
audiovideo共有属性，loop，controls，src，width，height。解决浏览器标签兼容问题标签，embed解决浏览器文件兼容问题标签，source