本帖最后由 森111 于 2018-12-29 14:58 编辑
<center> Web前端-HTMLHTML
1.HTML概述
什么是HTMLHTML的结构详见3cSchool
<html>
<head>
<title> 标题 </title>
</head>
<body>
<font colr = 'red'> 内容 </font> <br/>
<meta charset = 'utf-8'></meta>
</body>
</html>
==2.HTML标签==
文件标签
- <html></html> : html文档的根标签
- <head></head> : html文档的头标签,用于放初始化信息,如<style><meta charset>等
- <body></body> : html文档的体标签
- <!DOCTPYE html>:htm5中定义的声明标签,在<html>之前文本标签
<br/> : 换行标签
<hr/> : 横线标签
<p></p> : 段落标签
<center></center> : 居中标签
<font></font> : 字体标签
<u></u> : 下划线标签
<i></i> : 斜体标签
<b><b/> : 粗体标签图片标签 *
<img src="" alt="">
- src: 最好使用相对路径
- alt: alert超链接标签
<a href="" target="">
- href:超链接地址,如果写 "javascript:viod(0)"则失去超链接作用,相当于一个按钮
- target: 可以取_self和_blank两个值,分别在当前页和新选项卡打开超链接列标签 **
<ul>/<ol>
<li>innerHTML</li>
<li>innerHTML</li>
<li>innerHTML</li>
<li>innerHTML</li>
</ul>/</ol>表格标签 *
<table> <!--表格-->
<tr> <!--行-->
<td>/<th> <!--列或表头(表头最多只有一行)>
</td>/</th>
</tr>
</table>
==3.表单== **
表单
格式: <form action="" method="get/post">
表单项
</form>
注意:
-action 属性定义提交的地址
-get/post 属性定义提交的方式
**get:提交的内容封装在请求栏中,并在地址栏中显示
**post:提交的内容封装在请求体中,并在地址栏中显示
-表单项中必须有name属性才会被提交!!!!表单项 格式:<input type="" name="">
type值:
- text: 文本(默认值)
- password: 密文文本
- hidden: 隐藏表单,可以赋值并回传,一般都有value属性
- radio: 单选框,一般多个具有相同name属性和不同value属性的radio一起使用
- checkbox: 复选框,一般多个具有相同name属性和不同value属性的checkbox一起使用
- submit: 确认按钮
- button: 按钮
- reset: 重置按钮
- image: 图片按钮 image需要设置src属性
- file***: 文件选择框格式: <select name="">
<option value="">值</option>
<option value="">值</option>
<option value="">值</option>
</select>格式: textarea(rows="" cols="")
|
|