===========================
html 网页的载体 内容
css 网页的外观,表现,样式
javascript 网页特效 幻灯片 选项卡
小程序 开发
===========================
http://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中 标签和标签可以互相嵌套
===========================
crtl + / 可以注释内容,被注释的内容无法显示在网页中,都是给开发人员自己看的。
html注释语法:
<!-- 注释内容 -->
===========================
标签
(1)h1标签是 标题标签 ,可以把里面的内容放大并加粗
独立占一行 <h1>内容</h1>
h2,h3 --- h6 标签 都是标题标签,文字的大小会依次变小
(2)p 段落标签,每一对P标签在网页中就是一个段落。
独立占一行,并且段落和段落之间有一些间距
(3)在html中,多个空格和回车会被合并成一个空格去显示。
强制换行 可以用<br>标签
(4)生成多个空格, 这个代码来实现
(5)img标签
语法:
<img src="图片地址" title="提示文本" alt="替换文本" width="宽度px" height="高度px" >
img标签的如果只控制宽度 那么高度会按照原来图片的比例等比缩放
图片地址的格式一般可以这么写:D:\\目录\xxx.jpg、目录\xxx.jpg、https://www.baidu.com/img/bd_logo1.png、 ../目录名/xxx.jpg
(6)hr 标签 在网页中生成一个水平分割线,通常在网页的标题和正文之间会有一个分割线
(7)a标签 链接网页