HTML1

目录:

       1.介绍浏览器

         (1)Title

      (2) Url

   (3) body

        2.介绍文件

        3.标签名的结构

        (1.)标签名

        (2.)<+标签名+> 结束标签

                  1.标签名  2.开始标签  3.结束标签

        wed  前端    h5    全栈

        app  网站  公众号  小程序

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

         页面的拓展名,.html  图片 .jpg .png .gif

         下载chrome(谷歌)浏览器

         .exe  应用程序拓展名

         https://www.google.cn/chrome/   谷歌官网

         常见的浏览器

         Ie  谷歌  火狐  360  欧朋

         我们测试的时候用谷歌

          开发工具

          记事本 .txt

          Sublime dreamwear webstorm hbulider

          下载hbulider

           网页是由什么构成的

           title 主题,题目,

      Url 是网址

      Body 是网站内容

      Body的内容考代码实现的。

      Html 语言 超文本标记语言

      结构:< 标签名 >

      段落 <p> </p>

      Ctrl+s 保存  ctrl+c 复制  ctrl+v 是粘贴 ctrl+A 全选

      以后是汉字会出现乱码,因为文字编码不一样,utf-8 是国内的编

                            

           

                                                  开始标签

                                   双标签                 两个标签之间是内容

               标签                        结束标签             

                                   单(空)标签

                网页骨架 

                       1.<!DOCTYPE  html>    文档申明类型 ,是h5特有的

                        2.<html>                        网页的标签

                        3.<head >                      头部标签

                        4.<title></title>               网页标题标签

                        5.<body></body>           主题标签

                 标题标签     有6个     h1-h6

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

                             图片  资源  本地资源 网络资源

                             < img标签名 src属性="属性值 " /> 

                              src属性是图片的路径

                            

                       img

                             Width宽  height 高 单位是px

                             <img src="images/0.2.jpg" width="100px"  height="100px"/>

                             a是超链接

                             <a href=" ">百度一下</a>

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

                             另一个是targe跳转页面打开的方式-blank   -self(默认的)

                         备注

                       id是一种起名方式  id="lisi"    只要是用id起的名字前面必须加#lisi

                       标签

                              双标签  html  title  head   body   h1-h6   p  a   b(加粗标签) strong被h5舍弃了   i(倾斜标签) sup(上标签) sub(下标签)    em(小图标的)   div(盒子标签) span(内敛标签) 表格  列表等

                              但标签   <img/> <hr/>(分割线)<metta/>(网页原信息)

                              html特有的注释<!--备注释的内容>

                      起名方式

                                  1.标签名

                                   2.ld起的 但是使用的时候加#

                                   3.Class类  但是使用的时候用.

                                       起名的目标就是为了给他添加样式    styel   其实也是属性

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

                                       1.书写规范{}是shift+[出来{}

              2.起名规范  不能用汉字第一个字母不能是特殊符号 第一个字母必须是英文字母

    

         表格table   单元格td   行tr

               边框border     单元格空间cellspacing     内边距cellpadding

                                  border是决定边框粗细的属性

                                  cellspacing是单元格空间的属性

                                   cellpadding是单元格内部的边距属性

                                   vertical垂直——iaign属性值对齐:middle居中

                                    vertical-iaign:middie;会解决图片的余白

                                    colspan水平合并的列数

                                     rowspan垂直合并的列数

            Table里套table

 

                      

 

 

 

 

 

 

posted @ 2018-09-10 07:31  做自己的盖世英雄  阅读(257)  评论(0编辑  收藏  举报