HTML

来源:互联网 发布:收看香港电视台软件 编辑:程序博客网 时间:2024/06/06 19:27

HTML:HyperText Markup Language   超文本标记语言

(HTML还有一些其他语言到W3Cschool去详细看)

HTML是用于展示网页内容的

1,超文本:超链接

2,标记语言:由标记(标签)构成的语言,就像XML。

工作流程: 浏览器根据URL发送请求给服务求;服务器给浏览器响应,并发送HTML代码;然后浏览器解析服务器响应回来的HTML代码,生成界面。


在项目中新建一个html文件,后缀为.html就可以生成一个HTML文件

标签 <!--HTML的注释语法是这样写的-->

<html>

<head> <!--html的头部分,可以在里面设置一些属性-->

<title>hello world</title><!--标题-->

<meta> http-equiv="Content-Type"   content="text/html ; charset-utf-8 "</meta><!--设置解析的字符编码-->

<meta> http-equiv="Refresh"content="3;url=http://www.baidu.com"</meta> <!--3秒后刷新,跳转到指定的url-->

</head>

<body> <!--在HTML中不支持传统的空格,回车,制表符-->

<h1>静夜思<br/></h1><!--这个<br/>标签是回车换行的效果,属于自闭合标签,不分开始结束标签。<h1></h1>换行并且字体加粗,h1表示字体大小-->

<p> <!--  <p></p>  是段落标签,加宽行距-->

<font  color="red" size="7"  face="黑体">窗</font>前明月光,<!--为窗字设置一些属性,格式如此,其他属性看API-->

疑是地上霜。

</p>

<hr> <!--水平线标签,并且可以自动伸缩-->

2<sup>3</sup><!--3为2的上标,看起来像2的三次方,但是只是个上标-->

2<sub>3</sub><!--3为2的下标-->

</body>

</html>


超链接:

<a herf="somthing.html",target="_blank">点击</a>   此格式为超链接,herf后面的是链接的目标。target="_blank"在新页面打开

herf属性:协议名+协议内容   如:http://www.baidu.com

herf="mailto:2213413112@qq.com" 打开邮件的软件

herf="thunder://www.sdakjdoiq.com" 打开迅雷下载


锚点功能

<body>

<a name="_abc"></a>

<img src="123907488.png"  border="1"  width="300"  height="300"  alt="好的"  theme="">

<img src="123907488.png"  border="1"  width="300"  height="300"  alt="好的"  theme="">

<img src="123907488.png"  border="1"  width="300"  height="300"  alt="好的"  theme="">

<a  href="#_abc">回到顶部</a>#代表在当前页面范围内#_abc点击去到当前页面的_abc标签位置。

</body>



表格

用<table></table>表示

在table的体内   行用<tr></tr>表示   列用<td></td>表示






表单

<!--

action属性:决定提交的位置

input

type属性:决定输入的类型

name属性:代表键值对的键,HTML里的键是可以重复的,取值的时候会根据键返回一个数组

value属性:代表键值对的值

size:文本输入框的显示长度,不会影响输入的个数

maxlength:显示文本框的输入长度

readonly:只读,不能修改文本框里的内容,不影响提交

disabled:禁用,不能修改文本框的内容,并且不会被提交。

form

action:表单提交的位置

method:表单提交的方式

get:将参数键值对拼装在URL地址之后

post:参数不在URL上

-->

<form action="#"> <!--#代表自己-->
用户名:<input type="text" name="username" size="5"/><br/><!--input:代表输入  type:代表文本类型,name代表键,size代表文本框的显示长度,不影响输入个数-->
密码:<input type="password" name="password"/><br/>

性别:男<input type="radio" name="sex" value="male"/>女<input type="radio" name="sex" value="female"/>
<!--radio是单选框,name和value代表键值对,提交的时候URL格式上会按name=sex&value=male的格式-->

爱好:篮球<input type="checkbox" name="habbit" value="basketball"/><!--checkbox多选按钮,提交的时候会按键值对的方式存储,虽然键是相同的,取的时候可以返回数组就可以了和Map不同-->
     足球<input type="checkbox" name="habbit" value="football"/>
     排球<input type="checkbox" name="habbit" value="vollyball"/>

学历:<select name="edu"><!--select代表下拉菜单-->
     <option value="zk">专科<option/> 
   <option value="bk">本科<option/> 
  <option value="ss">硕士<option/> 
         </select><br/>

个人说明:<textarea rows="10" cos="35" name="description"></textarea><br><!--textarea:文本域-->
照片:<input type="file" name="wenjian"><br> <!--type类型为file,可以选择文件,上传的是一个字节流-->
<intput type="submit" value="提交"/> <intput type="reset" value="重置"/><!--type类型中写上submit代表提交,reset为重置,清空填写的内容恢复默认状态-->
</form>

0 0
原创粉丝点击