H5教学资料

Posted 2021-01-05 bokeyanghao

一,  介绍浏览器：

　　title 主题，题目，

　　Url 是网址

　　Body 是网站内容

　　Body的内容考代码实现的。

　　html 语言超文本标记语言

　　结构：< 标签名 >

　　段落 <p> 内容</p>

二，开发工具：

　　记事本txt；subkime;dreamwear;webstorm;hbulider。

　　Ctrl+s 保存  ctrl+c 复制  ctrl+v 是粘贴 ctrl+A 全选

　　因为文字编码不一样，utf-8 是国内的编码

三，一共有三种起名方式用来发布指令

　　1：文件名

　　2：id 用#来代表

　　3：class用.来表示

　　起名的原因是为了给他添加样式，书写规范是{}是shift加【出来的{}，第一个字母不能是特殊符号也不能是汉子必须是英文！

四，常用的双标签与单表签

　　 双标签 html  title  head  body  h1-h6  p  a 

　　 b（加粗标签）strong被H5舍弃了  i 倾斜标签  sup 上标标签  sub 下标标签

　　 em（小图标的）div 盒子标签  span 内敛标签  表格列表等

　　标签   单标签 <img />   <hr/>(分割线)   <br/>(换行)  <meta /> (网页元信息)

　　a  超链接   

　　     <a helf="....">...</a>    

　　　a的两个属性（1）helf   值是需要跳转的页面地址

　　　　　　　　　（2） target   跳转页面打开方式  _blank   _self 

　　　img  图片

　　　     它的两个属性是Width(宽度)  height（高度）  单位是px

五，表格 tab

　　 border是决定边框粗细的属性，

　　cdellspacing是单元格空间的属性，

　　cellpadding是单元格内边距的属性,

　　tr是行，td是单元格。

　　图片img插入table中，如果插入图片的下方出现余白需要用vertical_align:middle;会解决图片的余白。

　　colspan可以水平合并单元格个数，rowspan：垂直合并单元格的个数。