H5入门
1.基本骨架
<!DOCTYPE html>
<html>
<head><title>标题</title><meta charset="UTF-8"><link rel="icon" href="路径"/>(link自闭合)</head>
<body></body>
</html>
规范:标签要用<>括起来且要闭合,H5中<meta charset="UTF-8">例外,标签名和属性名要小写。
2.列表
有序<ol><li>内容</li>
<li>内容</li>
</ol>
无序<ul><li>内容</li>
<li>内容</li>
</ul>
定义描述列表<dl><dt>标题</dt>
<dd>内容<dd>
</dl>(标题顶格,内容缩进)
注:可用CSS相互转化:1,list-style-type:"样式" 2,list-style-image:url(路径)(图片代替序号) 3,list-style-posiition:inside/outside(序号是否在内容内)
3.常见标签:块级标签(自动换行):标题<h1></h1>换行<br/>分割线<hr/>段落<p></p>预格式<pre></pre>引用<blockquote cite="地址"></blockquote>
行级标签(按行逐一显示):文本<span></span>图片<img href="路径" title="标题" alt="无法加载" width="" height="" align="center" />(img 也是自闭合)短引用<q cite="地址"></q>强调加粗<strong></strong>强调倾斜<em></em>倾斜<i></i>加粗<b></b>
<a href="地址" title="指上的字" target="_self/_blank"></a> 锚链接1,设锚点 <a name="just"></a>2,<a href="#just"></a>(别的页面需在#前加文件名)
组合标签:图文组合:<figure><img src="路径"><figcation>标题</figcaption></figure>
分区标签:<div></div>常与CSS配合使用
4.表格<table><tr>
<td>1111</td>
<td>2222</td>
</tr></table> 一行两列 tr行 td列
重要属性 cellspacing 单元格间距 (合并边框style="border-collapse:collapse) align整个表格在父容器位置 cellpadding 单元格内边距 border 表格最外边框宽度 background="路径"背景图
colspan跨列 rowspan跨行(跨行跨列都写在td后边) 优先级 td>tr>table
5.表单 常与table配合使用
<fom action="传送地址" method="get/post"(get快 post安全,信息量大)><fieldset>表单边界<legend>表单标题</legend>
<table><tr><td><input type="text" name="q" value="q"/></td></tr>(input常用属性1type种类 2value默认值 3placeholder提示内容 4name输入框的名字一般必不可少 5form 指向特定ID的表单6 autofocus 自动聚焦 7autocomlete自动提示 8required="required"必填)
(type常用属性1text文本2password密码3radio/checkbox单/多选4file文件后跟accept="文件类型"5submit提交6reset重置7image图形提交按钮8button)
<tr><td><select name="1"> <optgroup label="333"></optgroup> <option title="2">2</option></select></td></tr>(下拉栏目,名为333的组,选项为2)
<tr><td><textarea style="width:20px:height:20px; resize:none overflow:scroll/hidden/auto">内容</textarea></td></tr></table></form>(resize:none大小不允许修改)
属性名=属性值
1checked="checked" 单/多选默认选中 2selected="selected"下拉栏默认选中 3multiple="multiple"下拉栏多选 4disable="disable"禁用 5readonly="readonly"只读 6hidden="hidden"隐藏
H5入门的更多相关文章
- H5入门-xhtml+css2-第01节
<!-- 声明版本号,DOCTYPE html是html5版本 --> <!DOCTYPE html> <!-- 声明网页语言 en-英文 zh-中文 zh-cn中文 - ...
- H5入门——HTML部分
一.HTML的基本构成 1.<!DOCTYPE html>文档类型声明 <!--HTML的文档类型声明.声明这个文件是HTML5文件,让浏览器按照HTML5准备进行解析显示.文档类型 ...
- H5入门须知
---恢复内容开始--- 首先,让我们来了解一下H5是做什么的,H5全称为“超文本标记语言”.是对网页进行编辑的技术.H5运用Hbulider进行网页编辑.网页可以分为三部分分别是title(主题)u ...
- H5入门基础(一)
我们还是围绕这几个问题来学习: 1.什么是H5? 2.为什么要用H5? 3.怎么用H5? 1.什么是H5? ♦HTML是指超文本标记语言(Hyper Text Markup Language). ♦H ...
- 快速入门cocos2d-x jsbinding
如果你是一个cocos2d-x的老手,那你可以忽略这篇博文,如果你是一个接触过javascript,想通过HTML5做游戏的,但是苦于不知道如何下手,那么这篇博文可能会帮到你. cocos2dx-js ...
- 阿里云服务器搭建web项目小结
前言 最近恰好有时间,自己搞了个云服务器试着搭建了个网站,遇到了一些问题,通过踩坑也涨了一些经验,遂记录一二,与后来者分享. 正文 1.博主用的阿里云服务器,为什么用它呢?一个是恰逢双十一,有优惠:另 ...
- 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
- 移动H5开发入门知识,CSS的单位汇总与用法
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...
- H5移动端开发入门知识以及CSS的单位汇总与用法
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...
随机推荐
- ASP.NET Core MVC 概述
https://docs.microsoft.com/zh-cn/aspnet/core/mvc/overview?view=aspnetcore-2.2 ASP.NET Core MVC 概述 20 ...
- leetcode999
class Solution: def numRookCaptures(self, board: 'List[List[str]]') -> int: basei = 0 basej = 0 r ...
- 使用子查询创建表(oracle)
转自:https://blog.csdn.net/lxh123456789asd/article/details/81164321 语句: CREATE TABLE tablename[(column ...
- VC开发中一些问题的解决
(1) MFC:在视频窗口上显示一个图片: 使用button显示图片的话,鼠标点击好图片(按钮)上,窗口无法响应. 应该使用一个static静态控件来显示,这样不会妨碍视频窗口对鼠标消息的响应. (2 ...
- crontab 安装与配置
安装方法: yum -y install vixie-cron yum -y install crontabs 说明:vixie-cron 软件包是 cron 的主程序:crontabs 软件包是用来 ...
- Java快速开发平台,JEECG 3.7.7闪电版本发布,增加多套主流UI代码生成器模板
JEECG 3.7.7 闪电版本发布,提供5套主流UI代码生成器模板 导读 ⊙平台性能优化,速度闪电般提升 ⊙提供5套新的主流UI代码生成器模板(Bootstrap表单+Boots ...
- NSMapTable
跟NSDictionary用法差不多,不过区别是NSMapTable可以设置内存选项,例如可以设置key跟value的内存属性(weak/strong),从而避免内存泄露. 例如这个+ weakToW ...
- JDK1.8 LocalDateTime 时间类与字符互转
public static void main(String[] args) { DateTimeFormatter dateTimeFormatter=DateTimeFormatter.ofPat ...
- PHP对redis操作详解
/*1.Connection*/$redis = new Redis();$redis->connect('127.0.0.1',6379,1);//短链接,本地host,端口为6379,超过1 ...
- Zookeeper与HBse安装过程纪录
1 zookeeper安装 1.1 环境变量 1.2 配置zoo.cfg 初次使用 ZooKeeper 时, 需要将 $ZOOKEEPER_HOME/conf 目录下的 zoo_sample.cfg ...