zoukankan      html  css  js  c++  java
  • html一周学习的总结

    1.        介绍浏览器

    (1)      Title

    (2)      Url

    (3)      body

    title 主题,题目,

    Url 是网址

    Body 是网站内容

    Body的内容靠代码实现的。

    2.        标签的结构:  < +标签名+> 

               标签分为双标签和单(空)标签

            双标签分为:开始标签 <标签名>           列:html  title  head  body  h1-h6  p(段落)  a(超链接)  b(加粗) i(倾斜) u(下划线)  sup(上标 )sub (下标) em(小图标) div(盒子标签)  span(内敛标签) table(表格) tr()  td(单元格)

                                    结束标签</标签名>

              <a>

                    a 有两个属性(代表事物的一些特征,比如 width height color background 等) : 一个是 href  值是需要跳转的页面地址 

                                           另一个是target跳转页面打开的方式  _blank  _self(默认的)

            单标签:<img> 图片标签  <hr>分割线  <br>换横  <meta>网页元信息

            img标签:

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

                        Src 属性是图片的路径

                        Width  height  单位是px

              Html特有的注释  <!--被注释的内容-->

    3.起名方式

        (1.)        标签名

        (2.)        Id起的但是使用的时候加#    

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

      起名的目的就是为了给他添加样式           style 是给其添加样式的属性  但只能加到<head>标签之间   输入时用{}来添加样式

    4.代码输入注意事项

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

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

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

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

      (2.) <html>         网页标签

      (3.)          <head>          头部标签

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

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

      (6.)          </head>

      ( 7.)          <body>            主体标签

        ( 8.)         </body>

      ( 9.)</html>

    6.

        表格 table

        Border是决定边框粗细的属性  cellspacing是单元格空间的属性 cellpadding是单元格内部的边距的属性

        Img插入tab中  会出现余白

        用veitical-ailgn:middle;可清除。

        Colspan:水平合并的列数。

        Rowspan:垂直合并的行数。

        table(表格)

        td(单元格)

        tr(行)

  • 相关阅读:
    关于renren vue项目的启动
    idea得破解
    activiti任意节点任务跳转
    activiti的网关(GateWay)
    activiti入门案例
    activiti基本介绍
    事务的传播机制
    设计模式之鸭子模式
    Python中的数据类型
    tp5 模板参数配置:tpl_replace_string
  • 原文地址:https://www.cnblogs.com/yangzhiqiang/p/9613370.html
Copyright © 2011-2022 走看看