9.4
1、浏览器是页面的环境(类似水是鱼的环境)
2、浏览器结构:title    标题,题目
                           URL      网址
                           Body   网站内容 (Body的内容是靠代码实现的)
3、HTML语言即超文本标记语言
      结构  <>+标签名   eg:<p>内容</p >
      快捷键:ctrl+s  保存
                  ctrl+c  复制
     ctrl+v  粘贴
     ctrl+A  全选
(以后汉字会出现乱码,是因为文字编码不一样.UTF-8是国内编码.)
9.5
1、标签

     双标签:开始标签+内容+结束标签
  单(空)标签:开始标签   无结束标签
  
 常见标签
 标题标签           <h1>--<h6>
 文档类型声明    <!DOCTYPE html>
 网页标签            <html>------------<head>+<body>
 头部标签    <head>

 内容标签    <body>
 网页文档的结构   head+body
2、图片(资源)  本地资源   网络资源
      图片标签: <img  src="  "/>
                        img   标签
         src   属性

       "  "   属性值
3、目录:
      当前目录      ./
   上一级目录    ../
9.6
1、标签属性
   属性:代表事物的一些特征
       img   图片标签  属性:width     height      单位:px(像素) 
      
       a     超链接   <a  href=" ">百度一下</ a> 
               属性:  href(跳转)        值是需要跳转的页面
        target        跳转页面的打开方式
            *_blank     打开新的页面
            *_self        覆盖原有页面(默认)

2、标签
      单标签:  <img/>     图片
       <hr/>       分割线
       <br/>       换行

       <meta/>  网页元标签
       <!--被注释的内容--> Html特有的注释  
  双标签:  html    title   head   body   h1--h6  p   a
      b   strong    加粗标签
      i         倾斜标签
      sub    下标标签
      sup    上标标签
      em     小图标
      div     盒子标签
      span  内敛标签
3、起名方式
      标签名
  id             使用时前面加#
  class        使用时前面加.
       起名目的:添加样式(style)
  起名规范:不能用汉字起,第一个字母不能是特殊字符,必须是英文字母
  STYLE标签(放在head标签里)
  <style>
      #aa{    key:value;
        eg:background:green;
         }
       .ehe{    key:value;

         eg:background:green;
          }

   </style>
9.7
1、 tab    表格标签
       tr           行
    td          单元格
    table     表格
 2、表格属性:  border      边框粗细
        cellspacing     单元格空间
        cellpadding     单元格内边距
        width    weight    宽    高  (表格大小)
 3、 在单元格中插入图片,出嫌余白时,用   vertical-align:middle;
                      垂直 对齐   居中
  4、单元格合并
  colspan    水平合并到列数
  rowpan     垂直合并到行数
     合并单元格后,所合并的单元格会占两个单元格的位置,则需将合并的其余单元格删掉
  5、table>tr*3>td*3        快捷键
  <table>
      <tr>  
        <td></td>

      </tr>

  </table>

初学h5须知的更多相关文章

  1. 初学JavaScript须知道的七件事

    1.1.缩略标记 //定义对象 //var car = new Object(); //car.colour = 'red'; //car.wheels = 4; //car.hubcaps = 's ...

  2. HTML5实现页面自动跳转

    初学H5,书上说的是<meta http-equiv="refresh" content="5“ url=”./error.html"/>这样可以实 ...

  3. 【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知

    前言 不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没 ...

  4. H5入门须知

    ---恢复内容开始--- 首先,让我们来了解一下H5是做什么的,H5全称为“超文本标记语言”.是对网页进行编辑的技术.H5运用Hbulider进行网页编辑.网页可以分为三部分分别是title(主题)u ...

  5. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  6. 写给初学前端工程师的一封信 (转于Kejun)

    大家好: 应波波的邀请写一写我对这个话题的想法.从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人.我当时是这么跟他们分析的:过去的客户端以browser为主,所以HTML ...

  7. 这个月干啥去了?——H5+移动应用实战开发

    又到了公司一年当中最忙的时刻了,为了赶项目,现在居然开启了996模式,这是我从事.net开发以来从来没遇到过的. 一转眼,一个月又过了,回头一看,这个月一篇文章都没有发,上个月忙着一个人做项目,项目忙 ...

  8. 生成线上用https证书,支持通配符和多域名,初学Let’s Encrypt用于IIS,纯本地手动

    自简书发布的上篇<生成本地测试用https证书,支持通配符和多域名,初学OpenSSL>以来,本地测试用https用的妥妥的. 线上一直用的腾讯云的免费证书(每个域名都要一个证书(滑稽), ...

  9. H5开发APP考题和答案

    { "last_updated": { "$date": 1544276670569 }, "page_count": 1, "a ...

随机推荐

  1. 用SAXReader解析xml文档【转】

    来源:http://blog.csdn.net/seayqrain/article/details/5024068 使用SAXReader需要导入dom4j-full.jar包. dom4j是一个Ja ...

  2. js对浏览器产生的影响

     Js 是单线程执行引擎.在我们动态修改一些属性时会产生两种效果:    1.Repaint ----- 一部分重画,修改 div 的颜色呀,但是尺寸没有改变.    2.Reflow ---- 元素 ...

  3. JavaScript笔记(3)

    •位操作符 所有的按位操作符的操作数都会被转成补码形式的有符号的32位整数. 运算符 用法 描述 按位与(AND) a & b 对于每一个比特位,只有两个操作数相应的比特位都是1时,结果才为1 ...

  4. Centos7(阿里云服务器)安装Anaconda的详细步骤与心得

    在本地安装Anaconda的各个版本的文章已经很多,但是感觉不是很详细,因此,在此发发自己在Centos7(阿里云服务器)安装Anaconda的心得和步骤: 注:需要注意的地方会用不同颜色区别. 1. ...

  5. ArcGIS api for javascript——加载图标

    描述 这个示例展示了如何能用一个动画图片显示地图正在加载.在这个示例中,图片是一个小的动画GIF.当地图第一次加载或用户缩放和平移地图时显示图片.当所有图层加载完成图片消失. 这个示例是通过event ...

  6. bug14052601

    AppDelegate.obj : error LNK2019: 无法解析的外部符号 "public: __thiscall cocos2d::ui::Margin::Margin(void ...

  7. Linux查看当前正在执行的进程

    Linux查看当前正在执行的进程 youhaidong@youhaidong-ThinkPad-Edge-E545:~$ ps PID TTY TIME CMD 2576 pts/0 00:00:00 ...

  8. 《Spring技术内幕》笔记-第四章 Spring MVC与web环境

    ​上下文在web容器中的启动 1,IoC容器的启动过程 IoC的启动过程就是建立上下文的过程.该上下文是与ServletContext相伴.在Spring中存在一个核心控制分发器,Dispatcher ...

  9. 仿小米简约Calculator

    上个星期的时候,我想教我朋友做一个简单的app.想来想去教什么比較好.当时看见小米的计算器认为比較美丽,就想这个简单.然后就開始动手做了.我以为能够一个小时能够搞定.没想到花了快一天的时间. 哎.突然 ...

  10. 轻松学习之Linux教程四 神器vi程序编辑器攻略

    本系列文章由@超人爱因斯坦出品,转载请注明出处.           文章链接:          http://hpw123.net/a/Linux/Linuxjichu/2014/1026/93. ...