(HTML部分)特供.Net基础全套视频教程2014版（第十八天）（更新于2015年10月18日00:17:58）

时间：2015-10-18 01:11:49 阅读：252 评论：0 收藏：0 [点我收藏+]

标签：

html 不区分大小写<body></body>

空格标签 &nbsp

如：莫使金樽     空对月。

代表诗句间有五个空格

标题标签 <h#>:#=1~6

图片标签 <img src="…"/>

注释的写法（注释符）

<img/>图片标签，用来显示图片

实例：

src:表示要显示的图片的路径

height:图片的高度 px(像素)

width:图片的宽度 px

alt:当图片由于某种原因显示失败的时候所显示的文本(例如当src地址有误的时候)

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

====================================================================

HTML水平线(分割线) <hr/>

HTML拆行

HTML中的特殊符号

>(&gt) <(&lt)

例子

Hello World

5>3

3<5

&&&&&

5>3表示5>3 3<5表示3<5

===============================================

一个实例以及讲解

<html>

<head>

</head>

<body>

<h1>Hello World</h1>

Hello World

跳楼疯抢价只需1元，美图抱回家

</body>

</html>

:字体标签 size = 1~7 7最大 color:颜色 face:字体系列

==========================================================================

marquee标签（浏览器兼容性不好）

direction属性：设置方向 left，right，down，up

behavior属性：设置模式 scroll，altermate，slide

====================================================

a标签：超链接 href表示要连接到的地址 target：打开新网页的方式 其中，_blank 表示打开一个
新网页进行跳转 _self表示在当前页面进行跳转。
例子：
<html>
<head>
<title>a标签的使用</title>
</head>
<body>
<a href="http:www.baidu.com" target="blank">百度</a>
</body>
</html>
=============================================================================
a标签的使用1：实现页面内部的跳转
实例：
<html>
<head>
<title>a标签的使用</title>
</head>
<body>
<a href="http:www.baidu.com" target="blank">百度</a>
 
<a name="顶端" href="#底端">回到底端</a>
 
<a name="底端" href="#顶端">回到顶端</a>
</body>
</html>
注意：关键句 <a name="顶端" href="#底端">回到底端</a>
 <a name="底端" href="#顶端">回到顶端</a>
==========================================================================
a标签的使用2：实现页面间的跳转（即两个HTML文件之间跳转）
实例：
常用的标签.html
<html>
<head>
<title>HTML常用的标签</title>
</head>
<body>
这是要显示在网页中的内容 
这是要显示在网页中的内容 
<tt>这是要显示在网页中的内容</tt> 
这是要显示在网页中的内容 
<s>这是要显示在网页中的内容</s> 
32+42=52
32+42=52

这是要显示在网页中的内容 
这是要显示在网页中的内容 
这是要显示在网页中的内容 

<marquee direction="right" behavior="slide"><img src="1.jpg"/></marquee>
 
<a name="碗里来" href="a标签的使用.html#来吧来吧">快到碗里来</a>
</body>
</html>

a标签的使用.html
<html>
<head>
<title>a标签的使用</title>
</head>
<body>
<a href="http:www.baidu.com" target="blank">百度</a>
<a href="常用的标签.html#碗里来" name="来吧来吧">快到碗里去</a>
 
<a name="顶端" href="#底端">回到底端</a>
 
<a name="底端" href="#顶端">回到顶端</a>
</body>
</html>

关键语句：<a name="碗里来" href="a标签的使用.html#来吧来吧">快到碗里来</a>

 <a href="常用的标签.html#碗里来" name="来吧来吧">快到碗里去</a>
=======================================================================================
a标签的使用3：发送邮件
做法：
<a href="mailto:285014478@qq.com">发送邮件到285014478</a>
默认会唤起outlook客户端
======================================================================================
弄成超链接的样子却不进行任何跳转的办法：
<a href="#">我是链接么？</a>
====================================================================================
body当中的属性

一个实例
<html>
<head>
<title>body当中的属性</title>
</head>
<body text="green" link="pink" alink="black" vlink="green" bgcolor="pink" background="1.jpg">
床前明月光，疑是地上霜。
<a href="#">超链接</a>
<a href="#">超链接</a>
<a href="#">超链接</a>
<a href="#">超链接</a>
<a href="#">超链接</a>
</body>
</html>

text:文本的颜色
link:链接的颜色
alink：active 点击的时候连接的颜色
vlink:点 visited 点击之后的颜色
bgcolor：背景颜色
background：背景图片，平铺
=============================================================================

html列表

例子

<html>

<head>

</head>

<body>

<li>星期一吃鲍鱼</li>

<li>星期二吃龙虾</li>

<li>星期三吃康师傅方便面</li>

</ul>

<hr/>

<li>星期一吃鲍鱼</li>

<li>星期二吃龙虾</li>

<li>星期三吃康师傅方便面</li>

</ol>

<hr/>

<dl>

<dd>for循环</dd>

<dd>foreach循环</dd>

<dd>while循环</dd>

<dd>dowhile循环</dd>

</dl>

</body>

</html>

解析：

无序列表unorder(圆点)(<ul><li>第一个</li><li>第二个</li></ul>)

square(方块) circle(小圆圈) disk(小圆点)

有序列表order(数字)(<ol><li>第一个</li><li>第二个</li></ol>)

通过type属性来改变

自定义列表

<dl>项目号,解释<dt>c#</dt><dd>很基础的内容</dd></dl>

<dl></dl> definition list（定义列表）

<dt></dt> definition term（定义术语）

<dd></dd> definition definition（定义对术语的解释部分）

<ol></ol> order list

<ul></ul> unorder list

<li></li> list item 使用在ol和ul中

ul的属性type可选择disk、circle、square

ol的属性type可选择A、a、I、i、1

================================================================================

table表格

实例:

<html>

<head>

<title>table表格</title>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

</table>

<hr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<hr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

=======================================================================================

关键句：

跨列的表格,使用colspan属性来实现

跨行的表格使用rowspan属性来实现

bgcolor 表格背景颜色

border 边框宽度，默认0

bordercolor 边框颜色

bordercolorlight 边框明亮部分的颜色

bordercolordark 边框昏暗部分的颜色

cellspacing 单元格之间的间隔大小

cellpadding 单元格边框与内容之间的间隔大小

width 宽度像素或百分比

height 高度像素或百分比

align = left、center、right

valign = top、middle、bottom

bcolor 背景颜色

width

height

colspan 跨占的列数

rowspan 跨占的行数

nowrap 禁止单元格过长内容换行显示

<th></th> 黑体居中

<caption></caption> 表格标题

====================================================================================

设置表格字体颜色

例子

<tr>

</tr>

==========================================================================================================

<th></th> 黑体居中

align = left、center、right

valign = top、middle、bottom

bcolor 背景颜色

实例:

<html>

<head>

</head>

<body>

<tr>

<th colspan="3">学生基本情况</th>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

=============================================

html 表单 form

lHTML表单是用于搜集用户输入的

lHTML表单都扩在一对form标签中

l<form>的常用属性

action 表示提交的目标服务器

method 提交的方法get、post

get(默认,以url提交,就是以地址栏的方式提交)

post(通过报文提交)

l文本框标签

l密码框标签

请输入密码:<input type="password" name="pwd" value="" />

l文本域标签

属性rows(行)和cols(列)

l单选按钮签(没name点不了)

<input type=“radio” />input type=“radio” name=“ra1” value=“raOne” checked=“checked“ />男(默认加checked=“checked”)

l文件选择标签

<input type=“file” name=“f1” value=“fOne” />各个浏览器不同(必须要有value)

ComboBox或ListBox

在form间使用

name

size属性默认为1（ComboBox），非1（ListBox）

multiple属性可多选（Ctrl）

包含各个条目的显示文本

value 发送时连同select与value的值发给服务器

selected 初始默认

实例

===========================================================

省略一大段文字。。。。。

甲方。。。

乙方。。。

</textarea>

</form>

</body>

</html>

=============================================================

效果图

(HTML部分)特供.Net基础全套视频教程2014版（第十八天）（更新于2015年10月18日00:17:58）

标签：

原文地址：http://www.cnblogs.com/huangtao1996/p/4751131.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行