2018.8.20学习笔记

开发工具：     Hbulider  webstrom  subline    dreamweaver   客户端   浏览器  app  移动设备  pc 

网页的拓展名：   .html

常见的快捷键：   Ctrl+A 全选    ctrl+c 复制           ctrl+v粘贴       ctrl+x 剪切         ctrl+s 保存        ctrl+z撤销         Ctrl+? 是编辑器的注释

命名规则：英文，数字（数字不能打头），_（下划线），尽量区分大小写。

浏览器的介绍

网页

静态:网站写好了不再去修改了，一般都是展示网站。

动态：只要通过网络地址发生请求都是动态的。有全局的，有局部的。 

标签: 砖头.meta：一个属性 UTF：编码格式       （charset=“UTF-8”中国编码格式） 

标签: 砖头.

Html 叫超文本标记语言，都是有大量标签构造而成。

标签：结构  <标签名> 分开始和结束标签两种， 结束标签前面加/。

单标签和双标签：      双标签: 有开始和结束标签的叫双标签。

                                  单标签: 没有结束标签的，自己就能闭合的。(空标签) 

 

内容 ：图片和文字

结构上: 一个模块一个模块。

 

文字

标题标签 <h1></h1> -----> <h6></h6>  字体逐渐变小   共6个标签

段落标签 <p></p>                     P →tab键

超链接标签 <a></a> 他有一个可以跳转的功能。这个功能是他的一个叫href 的属性提供的。<a herf="......"> </a>       a为标签名，href为属性，引号里的为属性值。

 

图片

图片标签<img />这个资源是本地资源。Src 是img的一个属性(请求资源) 后面的属性值是资源的地址。、

（备注：Img的路径 src                   图片和项目放在一个文件夹下。然后去看.html 和存放图片的文件夹是什么关系。

主要就是./ 和 ../    ./代表当前目录  ../ 代表上一级目录。）   网络资源。

 

<br/> 换行标签

备注 ：ctrl+？是注释的快捷键 html语言中的注释是<!--  注释的内容   -->

一个优秀的程序员，注释代码比编写代码还多。注释就是为了思路清晰，代码有层次感。

 

<hr/> 分割线标签

 

序列标签

1. 无序列表 ul>li

默认的项目符号是实心圆，通过type属性修改项目符号circle空心圆 disc是默认的实心圆，square 是方形。

1. 有序列表 ol>li 

默认前面的序列是 1 2 3 4，也是通过type属性修改序列形式。

1. 自定义列表 dl