名称:H5、Wed、前端、全栈

可以制作网站、APP、小程序、公众号、

页面——浏览器是页面的环境

页面的扩展名:.html                      图片:.jpg   .png    .gif                 .exe 应用程序扩展名

常见的浏览器有Ie、谷歌、火狐、360、欧朋

我们在测试时用谷歌

开发工具有:记事本(.txt)、Sublime、dreamwear、webstorm、hbulider。

网页是由title、url、body制成的

注:title:主题、题目、标题

       url: 网址

      body:网站内容   (body的内容是靠代码实现的)

      html语言:超文本标记语言

标签的结构:<标签名>

段落的结构:<内容>      列如:<p>我的老师</p>

*若汉字出现乱码,因为文字编码不一样,UTF-8是国内的编码

常用的快捷方式:ctrl+s(保存)、ctrl+c(复制)、ctrl+v(粘贴)、ctrl+A(全选)、ctrl+x(剪切)

标签:

标签分为双标签和单标签

双标签又分为开始标签和结束标签,两个标签之间是内容。

单标签也叫空标签。

常见的标签:

      1、标题标签     h1到h6       <h1></h1>

      2、图片标签   img       资源——本地资源、网路资源

                            目录: ./ 当前目录       ../ 上一级目录

                            <img src =" "/>       (src属性是图片的路径) 

                            width(宽度)、   height(高度)、   单位px

      3、超链接   <a></a>    

                         <a href =" "></a>

                         a的两个属性:一个是href 值是需要跳转的页面地址

                                      另一个是target 跳转页面的打开方式,  blank(在另一个页面)、  self(默认在当前页面)

*id为一种起名方式    id="..."    (只要用id起的名字,前面必须加#)

*Html 特有的注释   <!--(内容)-->  (隐藏)     快捷键:ctrl+?

基本网页骨架:

1、<DOCTYPE  html>                    文档类型声明,H5特有的

2、<html>                  网页标签

3、  <head>          头部标签

4、    <meta  charsent="UTF-8">         国内编码

5、    <title></title>                     网页标题标签

6、  </head>

7、  <body>              主题标签

8、  </body>

9、</html>

起名方式:

            1、标签名

            2、id起的            (使用时加“#”)

            3、class起的        (使用时加“.”)——锚点(链接不能用)

*起名的目的就是为了给他添加样式, style:也就是属性

 属性:代表事物的一些特征,比如:width、height、color、background、

 起名时应注意:1、书写规范;

                  2、起名规范,不能用汉字,第一个字母必须是英文字母;

                  3、每一个属性后面必须加分号(;)。

 表格(table):

       <table  border="1"  cellspacing="0"  cellpadding="0">

 *注:border:边框粗细属性               cellspacing:单元格空间的属性              cellpadding:单元格内边距属性

 *当图片插入表格中出现余白时,应:

 img{

    width:200px:

    height:200px;

    vertical-align:middle;           解决照片余白

       }

  colspan:水平合并单元格

  rowspan:垂直合并单元格