1---Html
来源：互联网 发布：plm软件有哪些 编辑：程序博客网 时间：2024/04/27 14:10
Html介绍： 是一种解释执行的语言，直接对源代码进行解释，不进行编译。
1.表格小练习：
----------------表格创建菜谱
<body>
<table cellspacing=0 border=1 bordercolor=#E674FA align=center width=400px height=280px>
<!--这是一个菜谱-->
<tr align=center> <td colspan=3>星期一菜谱</td></tr>
<tr align=center> <td rowspan=2>素菜</td><td>清炒茄子</td> <td>花椒土豆</td> </tr>
<tr align=center> <td>小葱豆腐</td> <td>炒白菜</td> </tr>
<tr align=center> <td rowspan=2>荤菜</td> <td>鱼香肉丝</td> <td>油焖大虾</td> </tr>
<tr align=center> <td>baby~<img width=170 src="baby.jpg" /></td> <td></td> </tr>
</table>
</body>
2.html列表
----------------无序列表： <ul>与<li>经常配对使用
<body>
<ul type="circle">
<li>传奇</li>
<li>反恐</li>
<li>跳舞团</li>
</ul>
</body>
----------------有序列表： 以字母或者数字...等编号(从type的属性值更改)
<body>
<ol type="i" start="1">
<li>传奇</li>
<li>反恐</li>
<li>传奇</li>
</ol>
</body>
----------------框架标记： 分割页面成为多个子界面 frameset/frame经常一起使用
基本语法：（主界面中不能再出现body标记）
<body>
<frameset frameborder cols="按照列的百分比分割" rows="按照行的百分比分割">
<frame 属性...></frame>
</frameset>
</body>
代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<frameset cols="50%,*" frameborder=0>
<frame src="aa.htm" noresize></frame>
<frame src="bb.htm"></frame>
</frameset>
</html>
（aa.htm与bb.htm另外写出）
----------------综合案例：
<!--target 表示 替换的是哪个窗口， href表示 出现在该窗口哪个网站-->
<!--name= 给框架起名字， 方便后面target调用-->
<frameset rows="20%,*" frameborder=1 framespacing=3 scrolling="no">
<frame src="top.htm" ></frame>
<frameset cols="20%,*">
<frame src="left.htm" />
<frame src="right1.htm" name="right"/>
</frameset>
</frameset>
3.常用标记---form---表单元素
介绍： html的表单元素，主要用于让用户输入数据，并提交给服务器。
(输入框，复选框等等...)
基本语法：
<form action="url" method="提交的方法(get/pose),默认是get">
各种元素 ： [输入框,下拉列表,文本域,密码框..]
</form>
案例一：---------登陆界面
<body>
<h1>登陆界面</h1>
<form action="?" method="get">
用户名：<input type="text" name="username"/><br />
密 码：<input type="password" name="pwd"/><br />
<input type="submit" value="登陆" /><br />
<input type="reset" name="重新填写" />
</form>
</body>
从上面案例可以看出：
(1) 表单元素的格式：
<input type="" name="">
type = text(文本框) password(密码) hidden(隐藏域) checkbox(复选框)
radio(单选框) submit(提交按钮) reset(重置按钮) image(图片按钮)
name 是你给该表单元素(控件)取名。
(2) action 指定把请求交给哪个页面.
代码：
<body>
<h1>登陆界面</h1>
<form action="ok.html" method="get">
姓名：<input type="text" value="小天~" name="username"/><br />
密码：<input type="password" name="pwd"/><br />
<input type="submit" value="登陆" />
<input type="reset" name="重新填写" />
</form>
*******喜欢的水果*******<br />
<input type="checkbox" name="v1" />西瓜<br />
<input type="checkbox" name="v1" />香蕉<br />
<input type="checkbox" name="v1" />苹果<br />
*******选择性别*******<br />
<input type="radio" name="sex" />男<br />
<input type="radio" name="sex" />女<br />
*******隐藏域(它的用处主要是,既可提交数据,同时不影响你的界面)*******<br />
<input type="hidden" value="123" name="sal" />
*******下拉表*******
请选择你的出生地：
<select name="biradd">
<option value="beijing">---请选择---</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="sx">陕西</option>
<option>郑州</option>
</select><br />
*******请留言*******<br />
<textarea cols="30" rows="10" name="1">
请这里输入...
</textarea>
*******请选择你要上传的文件******<br />
<input type="file" name="1" />
</body>
---------html的加强：
(1) <a href="#" target="值"></a>
target=指向 frame的一个名字
_black
...
(2)<hr/> 下划线
属性： color width ..
- HTML.1
- html 1
- 1---Html
- Html---1
- HTML<1>
- HTML 1
- 【1】HTML
- html#1
- HTML-1
- html (1)
- HTML(1)
- html-1
- html(1)
- HTML(1)
- 1html
- html(1)
- html-1
- HTML学习-1-什么是HTML
- hdu---1233还是畅通工程
- Artistic Style 基于 Linux vim的使用。
- hdu---1232畅通工程
- Yeoman学习
- bjfu---fudq and IME Again
- 1---Html
- linux(四)(用户账户相关)
- 3---块元素和行内元素：
- Android UI-自定义日历控件
- 2---div+css
- 4---css的核心：盒子、浮动+定位
- B. On Corruption and Numbers
- 5.浮动
- 6.定位
