HTML
html : 超文本标记语言，是网页制作的必备编程语言，页面内可以不包含图片，链接，音乐，程序
HTML结构
- 头（head）
- 主体（Body）
文档声名
-HTML5
<!DOCTYPE html>
- HTML4.0
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
语法学习
- 注释
<!--这是一段注释，不会在页面展示-->
- 标签<h1> ：<h1>-<h6>可定义标签<h1>最大，<h6>最小
- <p>段落
-
换行 - <div style="width: 300px;height:200px;background: red"> 块标签
- <span> 行内元素，表示行内的一些内容
-含样式和语义的行内标签
<i>字体倾斜</i>
<em>字体倾斜，语义强调</em>
<b>字体加粗</b>
<strong>行内元素，语义强调，字体加粗</strong>
- 图片 <img>
<img src="tu/1.jpg">
- 超链接<a>
- 无序列表 <ul> <li>
- 有序列表<ol> <li>
- 表格<table> 行<tr> 列<th>表头正常<td>
<table>
<tr>
<th>序号</th>
<th>名字</th>
<th>年龄</th>
<th>班级</th>
<th>技能</th>
</tr>
<tr>
<td>q</td><
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
</tr>>
</table>
- 表单 <form>
form 标签用于创建HTML表单，表单能够包含input元素，比如文本，复选，单选，等- form标签属性
action 提交地址
method 提交方式 - form表单包含的元素
1,input 标签- value :定义表单元素的值
- name : 定义表单元素的民成，以及提交元素的键名
- type属性
- form标签属性
<!DOCTYPE html>
<html>
<head>
<title>form表单</title>
<meta charset=utf-8>
</head>
<body>
<!-- 表单 -->
<form action="127.0.0.1" method="get">
<!-- 文本输入框 -->
用户名: <input type="text" name="user" placeholder="用户名"><br>
<!-- 密码输入框 -->
密码 : <input type="password" name="pass" placeholder="密码"><br>
<!-- 单选框 -->
单选框<br>
<input type="radio" name="like" value="打篮球"> 男
<input type="radio" name="like" value="打篮球"> 女
<input type="radio" name="like" value="打篮球"> 人妖<br>
<!-- 多选框 属性民成可以相同-->
<input type="checkbox" name="skill" value="pyrhon"> python
<input type="checkbox" name="skill" value="java"> java
<input type="checkbox" name="skill" value="c"> c
<input type="checkbox" name="skill" value="pyrhon"> sql
<input type="checkbox" name="skill" value="pyrhon"> c++<br>
<!-- 文件上传 -->
文件上传： <input type="file" name="file"><br>
<!-- 普通按钮 -->
<input type="button" name="uttonb" value="普通">
<!-- 图片按钮 -->
<input type="image" name="sss" src="tu/1.jpg">
<!-- 隐藏表单域 -->
<input type="hidden" name="呢大衣" value="sjdkahkjsahdkjash">
<br>
<!-- 提交按钮 -->
<button type="submit" >提交按钮</button>
<br>
<input type="submit" value="提交按钮">
<!-- 重置按钮 -->
<input type="reset" name="z函数" value="重置">
</form>
</body>
</html>
- label
label标签为input元素的定义标注
> <!--绑定输入框 -->
<label for="user1">用户名:</label>
<!-- 文本输入框 -->
<input type="text" name="user" placeholder="用户名" id="user1"><br>
<!-- 密码输入框 -->
- textarea 大文本输入框
> 大文本输入框 每行可以输入30个字符可以写20行
<label for="04"></label>
<textarea name="info" cols="30" rows="20" id="04"></textarea>
- 选择框 select
<!--下拉选择框-->
<label for="select">城市</label>
<select name="select" id="select">
<option value="北京">北京</option>
<option value="长安">长安"</option>
<option value="南京">南京</option>
</select>
- 内联框架ifame
<iframe src="https://www.baidu.com">简书</iframe>
网友评论