html学习笔记(一)
2016-04-23 17:43
555 查看
html学习笔记(一)
html超文本链接标记语言hypertext markup laguagehtml标记大全
<html>
形式上的标记
<head></head>
头标记,放置关于此html文件的信息,如提供索引,定义css样式
<title></title>
标题标记,包含在’’中,设置网页标题
<body></body>
主题标记,放置网页需要显示的部分
<h1><h2>.....<h6>
header显示内容标题样式,从
<h1>到
<h6>逐渐减小
<b></b>
bold加粗
<i></i>
ilitaic倾斜
<u></u>
underline下划线
<s></s>
下删除线
<em></em>
emphasis强调,即斜体
<strong></strong>
加粗
<big></big> <small></small>
放大 缩小
<code></code>
代码和指令
<address></address>
显示电子邮件或地址
<br> <wbr> <hbr>
break分别代表断行,字内段行,分割线
<p></p>
paragraph段落标记
<center></center>
使文字水平居中
<blockquote></blockquote>
设置文字段落的缩进
<ul> <li>...</li> </ul>
建立unordered列表
<ol> <li>...</li> </ol>
建立ordered列表
<font></font>
设置文字的大小,颜色还有字体,所有它的属性有’color=”颜色” ‘size=”大小”’ ‘face=”字体”’
<img src="路径下的图片或是url">
image插入图片
width=”数字” height=”数字” alt=”无法正常显示的替换文本”
只设置一个属性高度或是宽度,图片则会以原始图片的比例显示,img标签是不需要结束标签的标签之一
<a href="路径下的url">链接文字或图片</a>
url统一资源定位器Uniform resource lacator,其由四个部分组成,协议,主机名,文件夹名和文件
页面内的标签
形如
<a href="#目标名称">链接文字或图片
</a><a name="目标名称">目标链接文字,其原理是在创造链接的文本时使用#目标名称跳转至目的地,后面使用name=”目标名称”呼应
<a href="mailto:url"></a>
打开邮箱的客户端
targe="..."可以使用的标签有 - _blank在新窗口中打开链接 - _self相当于不设置target属性 - _top在顶级框架中显示链接页面 - _parent在上一级框架中显示链接页面
<frameset> <frame> </frameset>
建立框架集和框架,
<frameset></frameset>和
<body></body>同级,这二者不能进行嵌套,它的属性有cols和rows
cols="百分比" rows="百分比"
分别设置框架的纵向占比和横向占比
<frame src="url">
在框架中加入网页
<table> <tr> <th>..</th><th>..</th></th> </tr> <tr> <td>..<td> <td>..<td> </tr> <tr> <td>..<td> <td>..<td> </tr> </table>
tr代表table row,td代表table data cell,th代表table header
rowspan="数字" colspan="数字"
分别代表合并上下单元格,合并左右单元格,数字代表合并单元格的个数
table可以用align设置对齐,width,height设置宽度高度,bgcolor设置背景颜色
html属性
align=""
控制水平对齐,它的参数有’left”right”center’
bgcolor=""
设置背景颜色,可以用的参数有两种:
red,blue,green.... - #FFFFFF,#000000.....
Something special
<代表小于< >代表大于> ©代表版权符号 ÷代表符号除以 ±代表正负 &harr代表双向箭头
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数