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>
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- 文件/etc/fstab
- ios设备信息汇总
- 回过头再看 计算机体系结构1----CPU上下文切换
- Java构造之builder模式
- 关于android Activity界面Finish之后代码是否继续执行
- HTML
- Docker 中有 Client OS 吗
- HDU 2084 数塔问题
- suricata 3.1 源码分析23 (数据包解码模块注册及初始化)
- android 登录界面的输入框变成星号(*)
- JSP 九大内置对象及其对应的方法
- Xcode8打包以及上传代码不能构建版本问题
- container-executor.cfg文件及其各级父路径问题解决方案
- Linux开发环境配置