网页是构成网站的基本元素,网页以html和htm后缀,html为超文本标记语言,遵守web标准,W3C万维网联盟,包括三个部分,结构、表现、行为。
/路径分为相对和绝对路径
/相对路径的下一级/,上一级../,绝对路径是学会右键,复制图片地址,都是盘符或者网页开始的地址复制
⭐html5重点
<h1~h6>自成一行</h1>
<p>段落</p >
<br/><!-- 换行标签 -->
<strong>加粗</strong>
<em>倾斜</em>
<div>自成一行,大盒子</div>
<span></span>行内元素
< img src ="img.jpg" alt = "" title = ""/>
alt图像无法显示替换文本 ,title提示文本,经过图像即提示
在src后可自由添加属性,采用键值对
<a href = " " target = " ">
href后加上外部,内部,空,下载链接(exe,zip),视频,表格都可以,target加上_self当前窗口打开,_blank(另外打开窗口)</ a>
<a href = "#名字">锚点链接</ a>
< h3 id = "名字"></h3>
/ 特殊字符, 空一格,小于号,大于号
< >
/表格,注意thead和tbody的好处
<table>
<thead>
<tr><th>表头单元格,会自动加粗,并且居中</th> </tr>
</thead>
<tbody>
<tr><td>单元格</td></tr>
</tbody>
</table>
设置边框是否合并为一个单一的边框
table{border—collapse:collapse;}
/设置表格的位置和边界,背
align = "center/left/right"
border = "1/"","
cellpedding = "0" 内边距
cellmargin= "0" 外边距
/合并单元格,写在td里面,同时把多余的删掉
rowspan = "跨行合并,合并的个数"
colspan = "跨列合并,合并的个数"
/列表,用来布局,分为有序,无序和自定义列表
1.无序列表 ul>li (前面有小圆点),
2.有序列表 ol>li (前面自动生成序号),
3.自定义列表 dl>dt,dd (对标题进行解释)
/表单,为了收集用户信息,包括三部分,表单域,表单控件(表单元素),提示信息
/form会把范围内的表单信息提交给服务器
/action接收和处理数据的地址,method是get/post,name是给表单命名
<form action = "ul地址" method = "提交方式" name = "各种表单元素控件" >
<input type = "text/button/checkbox/file/hidden/image/password/radio/reset/submit" name = "名称"
/value = "规定input元素的值,,一打开即显示提示的文本输入
/" checked = "规定此input首次加载应当被选中"
/maxlength = "输入字段的长度">
/补充:
<input type = "file">输入字段和“浏览”按钮</input>
<input type = "checkbox" checked = "checked">我同意注册</input>
/ label里的for和id
<label for = "sex">男</label>
<input type = "text" name = "sex" id = "sex"/>
/select下拉表单
<select>
<option selected = "selected">默认为选项</option>
</select>
/ <textarea>大号文本框,留言板什么的</textarea>