码迷,mamicode.com
首页 > Web开发 > 详细

html5笔记

时间:2015-09-16 10:51:45      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

1元素指的是从开始标签到结束标签的所有代码

<br/>换行,但是换行的间距跟p标签的间距不同
空元素在开始标签中进行关闭
大多数的html元素可拥有属性
大多数的html元素都是可以嵌套的
 
html属性:
1标签可以拥有属性为元素提供更多的信息
2属性以键值对的形式出现
3常用标签属性:
<h1>:align对其方式
<body>:bgcolor背景颜色
<a>:target规定在何处打开链接(新的页面,默认的是当前页面,一共是4个)
4通用属性:
class:规定元素的类名
id:规定元素唯一ID
style:规定元素的样式 一般都放在头文件
title:规定元素的额外信息
 
html的格式化:
<b> 定义粗体文字
<big>定义大号字体//在html5中已经被替换了
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字
 
html样式链接和表格
1,标签:
<style>:样式定义
<link>:资源引用
2属性:
rel = “stylesheet”外部样式表
type = “text/css”:引入文档的类型
margin-left:边距
 
1三种样式表插入方法:
外部样式表:
<link rel=“stylesheet” type=“text.ass” href=“mystyle.css”>
内部样式表:
<style type="text/css”>
body { font-size: 12px; line-height: 16px;">p{margin-left:20px}
</style>
内联样式表:
<p style = “color:red">
 
html链接:
1、链接数据:
文本链接
图片链接
2、属性:
href属性:指向另一个文档的链接
name属性:创建文档哪的链接
3、img标签属性:
alt:替换文本属性
width:宽
height:高
 
 
<a name=“tips”>hello</a>
<a href=“#tips”>跳转到hello</a>
 
 
 
html5表格
<table>定义表格
<caption>定义表格标题
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格的单元
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚
<col>定义表格的列属性
 
 
html列表、块、和布局
html列表:
<ol>有序列表    开头是123(abcd,ABCD,I,i)
<ul>无序列表     开头是黑色点代替的
<li>列表项
<dl>列表
<dt>列表项
<dd>描述
 
 
 
html列表:
1无序列表
实用标签:<ul>、<li>
属性:disc、circle、square //就是那个开头的黑色的点
2有序列表
使用标签:<ol>、<li>
属性:A、a、l、i、start
3嵌套列表
使用标签:<ul>、<ol>、<li>
4自定义列表
使用标签:<dl>、<dt>、<dd>
 
 
HTML块
1html块元素 <!-- 注释-->
块元素在显示时,通常会以新行开始
如:<h1>,<p>,<ul>
2html内联元素
内联元素通常不会以新行开始
3html<div>元素
<div>元素也被称为块元素,其主要是组合html元素的容器
4html<span>元素
<span>元素是内联元素,可作为文本的容器
 
 
html表单
常用表单标签:
<form>表单
<input>输入域
<textarea>文本域
<label>控制标签
<fieldset>定义域
<legend>域的标题
<select>选项列表
<optgroup>选项组
<option>下拉列表中的选项
<button>按钮
 

html5笔记

标签:

原文地址:http://www.cnblogs.com/mudy/p/4812518.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!