初学h5须知
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须知的更多相关文章
- 初学JavaScript须知道的七件事
1.1.缩略标记 //定义对象 //var car = new Object(); //car.colour = 'red'; //car.wheels = 4; //car.hubcaps = 's ...
- HTML5实现页面自动跳转
初学H5,书上说的是<meta http-equiv="refresh" content="5“ url=”./error.html"/>这样可以实 ...
- 【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知
前言 不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没 ...
- H5入门须知
---恢复内容开始--- 首先,让我们来了解一下H5是做什么的,H5全称为“超文本标记语言”.是对网页进行编辑的技术.H5运用Hbulider进行网页编辑.网页可以分为三部分分别是title(主题)u ...
- 初学HTML5、初入前端
学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...
- 写给初学前端工程师的一封信 (转于Kejun)
大家好: 应波波的邀请写一写我对这个话题的想法.从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人.我当时是这么跟他们分析的:过去的客户端以browser为主,所以HTML ...
- 这个月干啥去了?——H5+移动应用实战开发
又到了公司一年当中最忙的时刻了,为了赶项目,现在居然开启了996模式,这是我从事.net开发以来从来没遇到过的. 一转眼,一个月又过了,回头一看,这个月一篇文章都没有发,上个月忙着一个人做项目,项目忙 ...
- 生成线上用https证书,支持通配符和多域名,初学Let’s Encrypt用于IIS,纯本地手动
自简书发布的上篇<生成本地测试用https证书,支持通配符和多域名,初学OpenSSL>以来,本地测试用https用的妥妥的. 线上一直用的腾讯云的免费证书(每个域名都要一个证书(滑稽), ...
- H5开发APP考题和答案
{ "last_updated": { "$date": 1544276670569 }, "page_count": 1, "a ...
随机推荐
- 每位 Ubuntu 18.04 用户都应该知道的快捷键
作者: Abhishek Prakash 译者: LCTT XiatianSummer 了解快捷键能够提升您的生产力.这里有一些实用的 Ubuntu 快捷键助您像专业人士一样使用 Ubuntu. 您可 ...
- AtCoderBeginner091-C 2D Plane 2N Points 模拟问题
题目链接:https://abc091.contest.atcoder.jp/tasks/arc092_a 题意 On a two-dimensional plane, there are N red ...
- django 在非空的字段里插入现象表述
1.char 类型设置为非空 对于字段不赋值 默认储存为''(空字符串) 2.int 类型设置为非空 对于字段不赋值 单条插入 报错 多条数据同时插入 默认设置为0
- OpenJDK源码研究笔记(八)-详细解析如何读取Java字节码文件(.class)
在上一篇OpenJDK源码研究笔记(七)–Java字节码文件(.class)的结构中,我们大致了解了Java字节码文件的结构. 本篇详细地介绍了如何读取.class文件的大部分细节. 1.构造文件 ...
- vmware下ubuntu的网络配置
捣弄了vmnet0和vmnet8连接后,ubuntu上不了网了,今天突然解决了这个问题. 打开vmware后,点编辑-->虚拟网络编辑器 这里我使用的是NAT模式,所以要修改vmnet8 点vm ...
- hdu 1423 最长公共递增子序列 LCIS
最长公共上升子序列(LCIS)的O(n^2)算法 预备知识:动态规划的基本思想,LCS,LIS. 问题:字符串a,字符串b,求a和b的LCIS(最长公共上升子序列). 首先我们可以看到,这个问题具有相 ...
- 查看SQLSERVER当前正在运行的sql信息
能够使用SQL Profiler捕捉在SQL Server实例上运行的活动.这种活动被称为Profiler跟踪.这个就不多说了,大家都知道,以下是使用代码为实现同样的效果. SET TRANSACTI ...
- php实现模拟登陆
在不考虑验证码的情况一下,php实现模拟登陆,网上给的办法通常是採用curl来模拟实现,可是curl实现的是server端与server端建立了会话,仅仅能模拟登陆之后获取登陆之后的数据.无法将coo ...
- 仿即刻app"猜你喜欢"切换控件
最近在即刻里看到即刻的"猜你喜欢"的板块,觉得效果很赞. 当点击"换一换"时,上面三个条目程序切换效果,并且三个条目的切换以不同的速度进行. 于是开始想办法撸出 ...
- Right turn(四川省第七届)
Right turn Time Limit: 1000ms Memory Limit: 65536KB 64-bit integer IO format: %lld Java class n ...