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. 51Nod 天堂里的游戏

    多年后,每当Noder看到吉普赛人,就会想起那个遥远的下午. Noder躺在草地上漫无目的的张望,二楼的咖啡馆在日光下闪着亮,像是要进化成一颗巨大的咖啡豆.天气稍有些冷,但草还算暖和.不远的地方坐着一 ...

  2. python 中的property

    """ property() 的第一个参数是 getter 方法,第二个参数是 setter 方法 xx = property(a,b) @property #用于指示g ...

  3. Python3基础笔记--函数

    一.函数 定义: 函数是指将一组语句的集合通过一个名字(函数名)封装起来,要想执行这个函数,只需调用其函数名即可     特性: 1)代码重用 2)保持一致性 3)可扩展性 参考博客: Py西游攻关之 ...

  4. [Codeforces 841C]Leha and Function

    题目大意:定义函数F(n,k)为[1,2,3,..n]中k个元素的子集中最小元素的数学期望.现在给你两个长度相等的数列A,B(A中元素严格大于B中元素),现在要你重新排列A,使得$\sum\limit ...

  5. Spring MVC框架一个实例的手动实现

    文件结构: SpringMVC05 // 应用程序名 ----index.html // 欢迎文件,主目录下的文件可以被URL直接访问到 ----WEB-INF // 这个目录下的文件将被保护起来不能 ...

  6. cookie 实现记住用户名演示 通过代码迅速理解cookie

    // 登录页 可直接 tomcat部署 测试 1 package com.itheima.login; import java.io.IOException; import java.io.Print ...

  7. caioj 1106 树形动态规划（TreeDP）1：加分二叉树

    解这道题的前提是非常熟悉中序遍历的方式 我就是因为不熟悉而没有做出来 中序遍历是5 7 1 2 10的话,如果1是根节点 那么5 7 1就是1的左子树,2, 10就是右子树 这就有点中链式dp的味道了 ...

  8. [USACO15JAN]草鉴定Grass Cownoisseur（分层图+tarjan）

    [USACO15JAN]草鉴定Grass Cownoisseur 题目描述 In an effort to better manage the grazing patterns of his cows ...

  9. ArcGIS api for javascript——图形-选择一个范围内的点

    描述 本例展示了如何使用图形显示查询结果,如何使用draw toolbar在地图上选择图形和如何修改图形符号为“高亮”. 在地图上画一个矩形区域,加亮矩形范围内的城市.这个应用统计高亮的城市个数并列出 ...

  10. D3.js 整体展示篇

    近期一段时间研究社会成员网络关系图的一些可视化展示,对大数据可视化这片荒漠一筹莫展的自己,幸好发现了D3这片充满活力的绿洲.我决定在这块宝地贪婪地大餐一番. 本文介绍主要来自官网翻译及用户使用后感想资 ...