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

HTML笔记

时间:2016-01-04 22:18:47      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:

1、HTML 超文本标记语言
在HTML当中存在着大量的标签,我们用HTML提供的标签,将要显示在网页中的内容包含起来。就构成了我们的网页。

CSS:控制网页内容显示的效果。

HTML+CSS=静态网页。JS+Jquery

 

2、HTML基本结构<html></html>

段落标签 <p></p> 换行

空格标签 &nbsp;

标题标签 <h#></h#> #= 1-6 1号字体最大加粗

图片标签 <img />  属性  src:图片路径  heigth:图片高度 px  width:图片宽度 px  alt:当图片由于某些原因显示失败的时候所显示的文本

title:当光标移动到图片上的时候显示的文本 border:图片边框

注释符 <!--要注释的内容-->

分割线:<hr/>

换行<br/> 没空格

大于 &gt;

小于 &lt; 

解析特殊符号 &amp;

字体标签<font></font> 属性 字体大小size 1~7 颜色color 字体系列 face

 

3、常用标签

3.1、html字体-物理字体

<b></b> 定义粗体文本

<i></i> 定义斜体

<tt></tt> 打印机字体

<u></u> 下划线

<s></s> 删除线

<sup></sup>上标

<sub></sup>下标

3.2、

1、实现滚动效果 <marquee></marquee> 属性right  behavior (了解下就行 很多浏览器不兼容)

2、超链接额 <a></a>  属性 href

 target:打开新网页的方式  _blank表示打开一个新网页进行跳转。 _self表示在当前页面进行跳转。

实现页面内部的跳转  <a name="顶端" href="#底端">回到底端</a> <a name="底端" href="#顶端">回到顶端</a> 

实现页面间的跳转

发送邮件:<a href="mailto:123456@qq.com">发送邮件到123456</a>

3、html-背景 body属性

<body text=“”></body>

text 字体颜色

link 设置超链接的颜色

alink 设置点击时候的颜色

vlink 点完之后的颜色 

bgcolor 页面背景色

background 背景图片,平铺

 

4、html 列表

通过type属性来改变

无序列表unorder(圆点)

(<ul type=“lsquare” ><li>第一个</li><li>第二个</li></ul>)
lsquare(方块) circle(小圆圈) disk(小圆点)
 
有序列表order(数字)
 
(<ol><li>第一个</li><li>第二个</li></ol>)
 
自定义列表
<dl>项目号,解释<dt>c#</dt><dd>很基础的内容</dd></dl>

 

5、html 表格

<table></table> 属性

brder

cellspacing 单元格和边框的距离

cellpadding 单元格和文本的距离

<td>  colspan  跨列表格 rowspan 跨行属性

<html>
	<head>
		<title>table表格</title>
	</head>
	<body>
		<table border="1px" cellspacing="0px" cellpadding="0px">
			<tr>
				<td><a href="#">超链接</a></td>
				<td>星期一</td>
				<td>哈哈哈</td>
			</tr>
			<tr>
				<td>傲呜</td>
				<td>呜呜呜</td>
				<td><img src="1.jpg" height="30px" width="30px"/></td>
			</tr>
		</table>
		<HR/>
		
		<table border="1px" cellspacing="0px" cellpadding="0px">
			<tr>
				<td colspan="2">学生成绩</td>
			<tr/>
			<tr>
				<td>语文</td>
				<td>98</td>
			<tr/>
			<tr>
				<td>数学</td>
				<td>95</td>
			<tr/>
			
		</table>
		
		<hr/>
		
		<table border="1px" cellpadding="0px" cellspacing="0px" height="300px" width="280px"> 
			<tr>
				<td rowspan="2">张三</td>
				<td>语文</td>
				<td>98</td>
			</tr>
			<tr>
				<td>数学</td>
				<td>95</td>
			</tr>
			<tr>
				<td  rowspan="2">李四</td>
				<td>语文</td>
				<td>88</td>
			</tr>
			<tr>
				<td>数学</td>
				<td>91</td>
			</tr>
		</table>	
	</body>
</html>

 

HTML笔记

标签:

原文地址:http://www.cnblogs.com/lilb/p/5100353.html

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