如何用HTML写一个网页（墙裂推荐）html设计网页，

具体来说，增建两个配置文档，副标题为html-demo-1，能拖到vscode关上，接著在配置文档中增建文档index.html。html文档有两个基本上格式，输出短句，然后tab键，就会出现。由于他们写的是一篇中文页面，库塞县做一些更动，把lang后面的en改成zh-CN，基本上准备工作到这里就结束了。下次增建html文档基本上上都是用这种方法。

依次用的条码有，

表示副标题的<h>条码，<h>条码有<h1>到<h6>六个层次，副标题从大到小。

代表文章两个章节的的<p>条码，不仅是文档，任何人与以章节表明的文本，比如说图表和表大项，都能放进<p>原素。

特别注意它与<div>的差别，<div>是无语法的块级原素，如果样式上须要多个块级原素组合在一起，就能选用<div>。但是，这如果是最终的措施，带有语法的块级条码始终如果优先选用，且仅仅当没有其他语法原素合适时，才能选用<div>。

<nav>条码定义导航镜像的部份。

<ol>条码是两个有序条目罐子，会在外部的条目项后面造成数字编号。条目项的次序有象征意义时，比如说排名，就会选用那个条码。<ol>条码外部能冗余<ol>条码或<ul>条码，形成多层条目。

<ul>是两个无序条目罐子，会在外部的条目项后面造成单面小点，作为条目符号。条目项的次序无象征意义时，选用那个条码。

<li>表示条目项，用在<ol>或<ul>罐子之中。

增建两个产品目录名叫images，把相片下载好后直接拉入vscode的images产品目录中，在src后输出images能优先选择产品目录中的文档，alt特性用来预设相片的文字描述，相片不表明时（比如说下载失败，或用户关闭相片读取），相片的位置上会表明该文档。但是他们还须要加一些宽度和高度的预设，一旦增设了这两个特性，应用程序会在页面中预先腾出那个大小不一的空间，不管相片有没有读取成功。不过，由于相片的表明大小不一能用css增设，所以不提议选用这两个特性。如果一定要增设，如果增设其一防止相片变形，一般来说相片不能超过300k，否则读取速度会减慢，提议压缩，想有点选相片造成高画质马塔县的效用，除了a条码内镜像外，一般还要添加target="_blank"，

文本完稿后，他们能选用谷歌应用程序检查功能自动更新页面在智能手机上的效用。也能用处在同一wifi下的智能手机增容。也能用chorme远程增容。

最终一步是部署到github pages，特别注意它在生成网址后加之路径index.html，在仓库中一定要加之自动更新门牌号，任何人作品都如果如此，方便辩手下载。

自动更新门牌号如下：拖延心理学

降低成本的小技巧 ：

1.输出围困简写部份行：ctrl+shift+P（表明相关应用程序的命令），输出wrap，优先选择输出围困简写部份行，选上该须要修改的部份，再次输出Emmett wrap，点选输出简写围困部份行，ul>li*，即可快速达到想效用。（特别注意选用简写围困和选用简写围困部份行的差别）

2.同时删除维基[ ]中的文本：点选编辑，替换，选用程序语言， 用完之后特别注意取消

3.按住alt键能多选 大列佩季哈区所需部份 并按tab键 能使其整体左移