商琦 笔记1

html 网页的软件 内容

css 网页的外观，表现，样式

javascript 网页特效 幻灯片 选项卡

小程序 开发

https://www.runoob.com/ 手册，自学网址

https://www.cnblogs.com/ 博客园

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=值1>内容</标签>

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

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

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

html注释语法：

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

独立占一行

h2h3  h6标签 都是标题标签，文字的大小会依次变小

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

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

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

如果你想在网页中强制换型 可以用<br>标签

如果想生成多个空格，可以用&nbsp;

这个代码来实现

img 标签

语法：

<img src=“图片地址”title="提示文本”

alt="替换文本”width="宽度px"

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

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

1.D:\\目录、xxx.jpg

2.目录、xxx.jpg

3.https://www.baidu.com/img/bd-logo1.png

4./目录名、xxx.jpg

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

ctrl+

ctrl+

ctrl+

ctrl+

商琦 笔记1

原文：https://www.cnblogs.com/shangqi1234/p/9295918.html