构建简单的html网页界面
时间:2023-07-25 10:18:01 | 来源:网站运营
时间:2023-07-25 10:18:01 来源:网站运营
构建简单的html网页界面:学了简单的html 以后 :
一.1.框架结构必须记熟!
<!DOCTYPE html>
<html Lang=“ en”>
<head>
<meta char set=“utf-8”>
</head>
<body>
</body>
</html>
2.记住单双标签
️尤其不要忘记单标签的最后的斜杠!
(例如:<a/><input/><img/><hr/><br/>等)
不要忘记最后的/
不要忘记最后的/
不要忘记最后的/
(重要的事情说三遍!)
3.这个表格用到的标签
<table>表格标签
<caption>表格标题标签
<tr>表格行标签
<td>单元格标签
input控件:<input type=“ 属性值 ” value=“” name=“” checked=“checked”/> (单标签,最后的斜杠不要忘记了!)
<select>下拉菜单 自带<option>
格式为:
<select>
<option></option>
<option></option>
</select>
<textarea>文本域 (可输入多行,用于留言板类的)
<a>链接标签
<ul>无序列表 自带<li>
格式为:
<ul>
<li></li>
<li></li>
</ul>
3.input 控件里的属性和属性值(重点)
type属性里包含:属性值有
text- 单行文本输入框/文本框
Password -密码输入框
radio-单选按钮
checkout -复选框按钮(可重复选)
button -普通按钮(需填写value值)例如:获取短信验证码
submit -提交按钮
reset-重置按钮
Image-图像形式的提交按钮(里面必须包含arc属性)
file-文本域 (上传文件用的)例如:上传头像
name属性:用来区别不同的表单 让后台可以通过这个name属性找到这个表单 ;设置相同的name属性值在一组radio单选按钮里,这样可以多个选其中的一个
如果默认选中用checked=“checked”