DAY1 HTML1~26学习笔记一计算机基础计算机分为硬件和软件。硬件包含中央处理器存储器输入设备和输出设备。软件则分为系统软件和应用软件。应用软件有两种架构模式C/S架构和B/S架构。C/S架构需要通过下载app打开页面。C是Client客户端。B/S架构则需要通过浏览器直接打开网页。B是Browser浏览器。S则指Server服务器。浏览器内核是浏览器的核心用于处理浏览器所得到的各种资源。现有浏览器内核主要有webkitBlinkTridentGecko。一个网页由*HTML结构CSS(表现JavaScript行为*组成。二HTML初体验1.起始标签标签体/结束标签 单标签/可省略2.嵌套格式3.起始标签标签体前面空四格/tab键前面空四格/tab键/结束标签4.标签属性注写属性前须空一格loop,bgcolor为属性名;1,orange为属性值需1不同的标签能写的属性也不同比如input不支持loop,bgcolor也有无属性值的属性名disabled一个标签不可重复写同一个属性重复写以先写的为主5.HTML基础结构6.HTML注释7.HTML文档声明在上方空一行(第一行)写****作用告诉浏览器当前网页的版本8.HTML字符编码引号里写字符集。编码和解码时所选字符集要相同。9.HTML设置语言(en为英语zh-CN为简体中文等等详细写法如下) 10.HTML标准结构vscode中 !enter可快速输入标准结构ctrlshiftk可快速删除光标所在那一行11.网站图标配置favicon.ico图片须要放在存放在代码文件中放于明显位置不可放于小文件夹内部。12.排版标签ctrlF查找内容vscode中的ctrlenter切到光标下一行标题h1-h6h1 只可写一个h2-h6 可重复写法一级标题段落p写法段落div使文本看起来更整齐可折叠化整体控制…注p 标签内部不可写 h1-h6、p、divh 标签不建议互相嵌套13.语义化标签语义化标签默认的效果不重要语义最重要语义h1-h6 标题p 段落div 没有语义重要的是语义而非默认效果效果可以通过CSS调节语义的优点代码的可读性强清晰利于SEO(搜索引擎优化)方便设备解析14.块级元素与行内元素shiftalt↓/↑ 向下/上复制一行块级元素独占一行marqueeh1pdiv行内元素不独占一行inputspan注块级元素内部几乎都可写块级元素和行内元素行内元素内部只能写行内元素h中不可嵌套p中不能写块级元素15.文本标签通常写在排版标签内通常为行内元素常用em要着重阅读的内容斜体strong十分重要的内容加粗span没有语义用于包裹短语的通用容器相当于div不常用标签注意不常用标签中最后两个是块元素。16.图片标签 img src“图片路径/图片地址” alt“图片描述/图片内容” width“300” height“300”作业成果