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.跨行和跨列单元格

 

posted @ 2015-08-06 10:44  繁星ll  阅读(178)  评论(0编辑  收藏  举报