第一次代码笔记

1. 快捷键

ctrl + s保存 

ctrl + n 新建 

ctrl + z 后退、撤销

ctrl + y 前进

ctrl + c 复制

ctrl + v 粘贴

ctrl + / 注释

!+tab  生成网页的通用结构

2. 创建一个网页 

（1） 新建一个文本文档 把后缀改成 html

（2） 在sublime 编辑器中  ctrl+n 新建一个文件，然后点击右下角的“纯文本”，改成html，保存到桌面或者其他位置即可。

3. .html 为命名结尾的文件，是网页文件，双击打开的时候，通常情况用浏览器打开。（html - hyper text markup language超文本标记语言）

4. 标签语法：<标签>内容</标签><标签>属性语法：<标签 属性=值 属性1=值1>内容</标签><标签 属性=值 属性1=值1>在html中 标签和标签可以套用。

（1） crtl + / 可以注释内容，被注释的内容无法显示在网页中，都是给开发人员自己看的。html注释语法：<!-- 注释内容 -->

（2） h1标签是 标题标签 ，可以把里面的内容放大并加粗独立占一行h2,h3 --- h6  标签 都是标题标签，文字的大小会依次变小

(3)p 段落标签，每一对P标签在网页中就是一个段落。独立占一行，并且段落和段落之间有一些间距

(4)在html中，多个空格和回车会被合并成一个空格去显示。如果想在网页中强制换行 可以用<br>标签如果想生成多个空格，可以用 &nbsp; 这个代码来实现

5. img标签语法：<img  src="图片地址" title="提示文本" alt="替换文本" width="宽度px" height="高度px" >img标签的如果只控制宽度,那么高度会按照原来图片的比例等比缩放,图片地址的格式一般可以这么写1 D:\\目录\xxx.jpg2 目录\xxx.jpg3 https://www.baidu.com/img/bd_logo1.png4 ../目录名/xxx.jpg

6. hr 标签  在网页中生成一个水平分割线，通常在网页的标题和正文之间会有一个分割线