一、快捷键

ctrl + s  保存

ctrl + n 新建

ctrl + z 后退,撤销

ctrl + y 前进

ctrl + c 复制

ctrl + v 粘贴

ctrl + / 注释

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

二、

创建一个网页

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

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

注:

.html 为命名结尾的文件,我们可以理解为网页文件,双击打开的时候,通常情况用浏览器打开。

html - hyper text markup language

(超文本标记语言)

三、

1、标签语法:

<标签>内容</标签>

<标签>

2、属性语法:

<标签 属性=值 属性1=1>内容</标签>

<标签 属性=值 属性1=1>

html中 标签和标签可以互相嵌套

crtl + / 可以注释内容,被注释的内容无法显示在网页中,都是给开发人员自己看的。

html注释语法:

<!-- 注释内容 -->

h1标签是 标题标签 ,可以把里面的内容放大并加粗

独立占一行

h2,h3 --- h6  标签 都是标题标签,文字的大小会依次变小

p 段落标签,每一对P标签在网页中就是一个段落。

独立占一行,并且段落和段落之间有一些间距

html中,多个空格和回车会被合并成一个空格去显示。

如果你想在网页中强制换行 可以用

<br>标签

如果想生成多个空格,可以用   这个代码来实现

img标签

语法:

<img  src="图片地址" title="提示文本" alt="替换文本" width="宽度px" height="高度px" >

img标签的如果只控制宽度 那么高度会按照原来图片的比例等比缩放

另外图片地址的格式一般可以这么写

1 D:\\目录\xxx.jpg 

2 目录\xxx.jpg

3 https://www.baidu.com/img/bd_logo1.png

4 ../目录名/xxx.jpg

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