html5晋级之路-学习笔记

由于以后公司的ios项目中会涉及到h5,所以本人发奋图强,最近开始研究其h5,这是近几天的学习笔记。望可共同学习

html5基础

不同于编程语言,html语言的表达力较强,多以用于编写网页,编程语言的逻辑能力较强,用于编写软件

声明:<!doctype>为了让浏览器正确显示html5页面(这个声明不同的html语言是不一样的)

基础标签

<html>所有的文件都要包含其中

<header>头部

<head lang = “en”>设置中英文

<meta charset = “utf-8”>设置编码格式

<link rel =>yin

<title>标签,设置html文件的上标题

<body>身体   在body中设置网页的一些内容

h标签:标签设置标题的大小1—5

a标签:设置超链接

img:设置图片文本

HTML5样式、链接和表格样式

列表:

<ol> 有序列表

使用标签:<ol>、<li>

属性:A,a,i,I,start

<ul>无序列表

使用标签:<ul>、<li>

属性:disc/实心圆、circle/空心圆、square/方块的实体

列表可以嵌套使用

dl dt

这个就没有前面的标示

<li>列表项

<dl>列表

<dt>列表项

<dd>对列表项的描述

块元素

块元素在显示时,通常会以新行开始

如:<h1>、<p>、<ul>

内联元素

通常不会以新行开始

如:<b>、<a>、<img>

div元素主要是组合html元素的容器

<div>元素

<span>元素是内联元素,可作为文本的容器

<span>元素

布局

主要有两种,一种

<div>元素布局

<table>元素布局

html元素

从开始标签到借宿标签的所有代码

开始标签                         元素内容                      结束标签

<p>               this is my web page                </p>

<br/>换行空元素

a标签属性href打开一个地址

target属性_blank点击之后另外跳转到一个页面上

self不跳转

h标签align位置设置 居左居右居中

body bgcolor:设置背景颜色

backgroundcolor设置背景图片

class

id

html属性

html格式化方式

<b>       定义粗体文本

<big>     定义大号字

<em>      定义着重文字

<i>         定义斜体字

<small>    定义小号字

<strong>  定义加重语气

<sub>      定义下标字

<sup>      定义上标字

<ins>       定义插入字

<del>        定义删除字

html的样式

<style>:样式定义

rel = “stylesheet”外部样式表

type = “text/css”引入文档的类型

margin-leftz;边距

<link>:资源引用

外部样式表:

rel属性  制定文档类型 引入的地址  在外部引用css文件,将属性信息写到其内部

<link rel=“stylesheet” type=“text/css” href = “mystyle.css”>

内部样式

写到style中

<style type= “text/css”>

body { font-size: 12px; line-height: 16px;">       p {margin-left;20x}

</style>

内联样式表

<p style= “color:red">

HTML的链接

链接数据

文本链接

图片链接

属性

href属性:指向另一个文档的链接

name属性:创建文档内的链接 (百度百科特别常用)

img

alt替换文本属性 如果图片地址错误,由该文字替换

br/标签插入简单的换行符

html的表格

table    定义表格

caption 定义表格标题

th        定义表格的表头

tr        定义表格的行

td        定义表格的单元

thead   定义表格的页眉

tbody   定义表格的主体

tfoot    定义表格的页脚

col       定义表格的列属性

表格类型

1.没有边框的表格 改变border属性

2.表格中的表头  caption表格的表头

3.空单元格

4.带有标题的表格

5.表格内的标签

6.单元格边距 cellborder

7.单元格间距 cellspacing单元格之间的间距

8.表格内的背景颜色和图像

9.单元格内部排列

10.跨行和跨列单元格

时间: 2025-01-09 02:35:16

html5晋级之路-学习笔记的相关文章

html5晋级之路-学习笔记表单

HTML表单 1.获取不同类型用户的输入 2.常用标签 <form>                              单表  (比如说用户名:密码:) <input>                             输入域 <textarea>                        文本域 <label>                             控制标签 <fieldset>              

Win8 HTML5与JS编程学习笔记(二)

近期一直受到win8应用的Grid布局困扰,经过了半下午加半个晚上的奋斗,终于是弄明白了Grid布局方法的规则.之前我是阅读的微软官方的开发教程,书中没有详细说明CSS3的布局规则,自己鼓捣了半天也是一头雾水,于是又找到了官方的启蒙教程的布局一张,仔细阅读了一遍,又思考了代码,并在代码的基础上实验,终于是明白了布局方法.官方教程地址是:http://msdn.microsoft.com/zh-cn/library/windows/apps/jj841108.aspx 微软基于CSS3开发了Gri

html5和css3的学习笔记

H5结构知识点一:body,nav,section需要h1-h6; header,div不需要h1-h6. h5结构测试网站:https://gsnedders.html5.org/outliner/ 移动端么meta格式:移动端要加的标签<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalab

BI之路学习笔记3--olap cube理解实例

为什么会产生OLAP? 随着数据库技术的发展应用,数据库存储的数据量从M字节以及G(千兆)字节过渡到T字节和P字节,同时,用户的查询需求也越来越复杂,设计的已不仅是查询或者操纵一张关系表中的一条或几条记录,而且要对多张次奥中的千万条记录的数据进行数据分析和信息综合,关系数据库也已经不能全部满足这一要求. 决策数据就是多维数据,多维数据就是决策的主要内容,OLAP专门设计用于支持复杂的分析操作,侧重对决策人员和高层管理人员的决策支持,可以根据分析人员的要求快速.灵活地进行大数据量的复杂查询处理,并

html5晋级之路-css动画-过度

transtion                                            设置四个过度属性 transition-property                              过度的名称 transition-duration                              过度效果花费的时间 transition-timing-function                    过度效果的时间曲线 transition-delay  

html5晋级之路-css背景

css背景: css允许应用纯色作为背景,也允许使用图片来创建相当复杂的效果. background-attachment            背景图像书否固定或随页面的其余部分滚动 background-color                     设置元素的背景颜色 background-image                   把图片设置为被禁 background-position                设置背景图片的起始位置 background-repeat  

html5晋级之路-响应式布局基本实现

1.css中的Media Query(媒介查询): 设备宽高: device-width,device-height 渲染窗口的宽和高:width,height 设备手持方向:orientation 设备的分辨率:resolution 2.使用方法: 外联 内嵌样式 <!doctype html><html><head><meta charset="UTF-8"><title>js事件测试</title><l

html5晋级之路-css尺寸操作

1.属性 height                                       设置元素高度 line-height                                 设置行高 max-height                                设置元素最大高度 max-width                                 设置元素最大宽度 min-width                                 

html5晋级之路-css介绍

1.css概述 css指层叠样式表 css样式表极大地提高了工作效率 selector{ property:value } 例:h1{color:red;font-size:14px;} 属性大于1个之后,属性之间用分号隔开 如果值大于1个单词,则需要加上引号: p {font-family:"sans serif";} 2.css高级语法 1.选择器分组: h1,h2,h3{color:red;} 2.继承 body{ color:green; } 规定了body中所有的样式,如果它