zoukankan      html  css  js  c++  java
  • 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

                          

     

     

     

     

  • 相关阅读:
    [LeetCode] Bulb Switcher II 灯泡开关之二
    [LeetCode] Second Minimum Node In a Binary Tree 二叉树中第二小的结点
    [LeetCode] 670. Maximum Swap 最大置换
    [LeetCode] Trim a Binary Search Tree 修剪一棵二叉搜索树
    [LeetCode] Beautiful Arrangement II 优美排列之二
    [LeetCode] Path Sum IV 二叉树的路径和之四
    [LeetCode] Non-decreasing Array 非递减数列
    [LeetCode] 663. Equal Tree Partition 划分等价树
    [LeetCode] 662. Maximum Width of Binary Tree 二叉树的最大宽度
    [LeetCode] Image Smoother 图片平滑器
  • 原文地址:https://www.cnblogs.com/LXW2002326/p/LXW2002326.html
Copyright © 2011-2022 走看看