您的位置：首页 > Web前端 > HTML

html简要

2016-03-04 21:00 218 查看

1、基本结构

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio">
<TITLE>阳光里的夏天</TITLE>
</HEAD>
<BODY>

<span style="color:darkorange">YellowMax</span>.com

</BODY>
</HTML>

<br /> 等同于 <br> </br>,也就是开始即是结束

HTML不区分大小写

2、html常用标签

2.1、字体标签

<font size="10" color="yellow"> “要进行修饰的字” </font>

2.2、字体显示

<h1>字段</h1>

由h1到h6依次减小

2.3、转义字符

" ：双引号

：空格

& ：& 字符

2.4、列表

<ul>
<li>word1</li>
<li>word2</li>
<li>word3</li>
</ul>                      无序列表

<ol>
<li>word1</li>
<li>word2</li>
<li>word3</li>
</ol>                      有序列表

2.5、图片

<img src="xsd.jpg"></img>

2.6、表格标签

<font size="10" color="red">电影表单:</font>
<table border="1">
<thead>
<tr><td>电影名</td><td>主演</td><td>类型</td></tr>
</thead>
<tbody>
<tr><td>西游降魔篇</td><td>文章</td><td>喜剧</td></tr>
<tr><td>钢铁侠</td><td>小罗伯特唐尼</td><td>科幻</td></tr>
<tr><td>盗梦空间</td><td>小李子</td><td>剧情</td></tr>
</tbody>
</table>

border="1"：控制生成网格线

可以用<br />进行换行

2.7、超链接

<a href="http://www.baidu.com" target="_blank">百度</a>

target选项可以设置超链接的属性

target：

_blank : 打开一个新的标签页 //手机浏览器中一般都不会设置打开一个新的页面

_parent: 在父级窗口中打开网页

_self : 在超链接所在的窗口打开网页

_top : 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口

2.8、表单标签

<input text="checkbox">
radio	//复选框
text
button	//
<textarea></textarea>	//文本框
<select></select>	//下拉列表

2.8、表单提交

<body>
<form action="CGIC.cgi">
<br />用户名：<input type="text" name="name"/> <br />
<br />密码：<input type="password" name="pwd"/> <br />
<br /><select name="select">
<option value="nv">女</option>
<option value="nan">男</option>
</select>
<input type="radio" value="on" name="rd" id="surd1"/><label for="surd1">同意</label>
<input type="radio" value="off" name="rd" id="surd2"/><label for="surd2">不同意</label> <br />
<br /><input type="submit" value="提交"/> <br />	//这个按钮的属性就是呈递，点下之后form中所有有name属性的项目都被提交，目标是form的action的值
</form>
</body>

提交上去的形式是“name”=“value”

也就是项目的名字=项目的值

2.9、get与post

get请求的参数是包含在URL中被提交给服务器的，若用get的方式传递密码等等会在网址栏目中显示出来密码参数，get无法传递大文件

post请求参数是放在报文体中的，地址栏中并没有相应参数的显示，post可以提交大文件

在地址栏中输入网址直接访问就是get方式，因为所有的参数全部都在地址栏中，post只能通过网页内部进行请求

2.10、文件的上传

在form表单中加入enctype="multipart/form-data"

cgiFormFileName

cgiFormFileSize

cgiFormFileOpen

cgiFormFileRead

cgiFormFileClose

我的网站作业：我的网站框架,CGI程序开发

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航