zoukankan      html  css  js  c++  java
  • 1)

    一,介绍浏览器

           ttile   标题

           url     网址

           body     网站内容  { body内容靠代码实现 }

    二, 文件介绍

    三, 标签的结构

            1,标签名

            2,<+标签名+>   结束标签

                 标签   开始标签  结束标签

    四,网页文档的结构

    五,img 

          属性="属性值”

          路径  目录

    名称---Web  H5    前端   全栈

    应用---网站   APP  小程序   公众号

    页面拓展名:.HTML     图片:.jpg   .png    .gif       应用程序拓展名:.exe

    谷歌官网:http://www.google.ch/chrom/

    开发工具---记事本.txt       sublime    dreamwear  webstorm  hbulider

    HTML-  语言 -  超文本标记语言

    结构:<标签名>

    段落:<p>内容</p>

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

    标签---双标签----开始标签,结束标签{两个标签中间是内容}

           ---单标签{空标签}

    常见标签:

                 1.标题标签      h1---h6   <h1></h1>

                 2.图片----资源:本地资源  网络资源

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

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

    # width宽度     height高度     单位PX
    # a超链接

       <a  href ="  "  ></a>

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

                            ……target 跳转页面打开方式 -blank {新建}      -self{默认}

    # id 一种起名方式    id="..."

        只要用id起的名字,前面必须加#...

    # HTML特有的注释   <!--内容--!>     CTRL+?{快捷键}

    基本网页骨架------

    1. <!DOCTYPE  html>      文档类型声明    H5特有的

    2. <html>         网页标签

    3.          <head>          头部标签

    4.                    <meta  charset="UTF-8">           国内编码

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

    6.          </head>

    7.          <body>            主体标签

    8.          </body>

    9.</html>

    起名方式:

                   1.标签名

                    2.id起的{#}

                    3.class起的{.}   锚点{链接不能用}

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

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

       <style>               *加标签

                   #hah{          *起名字要规范

                                  color:green;      *每个属性后面加;

                                   backgroud:red;

                              }          *不能漏掉

      </style>

    *注:1.书写规范{}   2.起名规范。不能用汉字起名,第一个字母必须是英文字母

    #   表格:table

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

    [border- 决定粗细的属性        cellspacing -单元格空间属性     cellpadding -单元格内部边距属性]

    img插入table中

    会发现出现余白,怎么解决?

      img{

              200px;

              height:200px;

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

             }

    colspan--水平合并单元格个数

    rowspan--垂直合并单元格个数

  • 相关阅读:
    再见 2020, 愿“山河无恙,人间皆安”| 年终总结
    Oracle
    Linux安装
    线程池
    AutoJS
    VSCode
    c++ 解析yaml文件
    管道: 哪些命令能直接从管道的输出中读取?
    K8S 集群部署
    Android项目实战(六十一):pdf文件用图片方式预览
  • 原文地址:https://www.cnblogs.com/xiaotaiyangye/p/9613401.html
Copyright © 2011-2022 走看看