好记性不烂笔头，我这个渣渣，学几次了还记不住，这不自己逼自己慢慢记下来，好随时翻翻，敲打敲打自己愚钝的脑袋，未来何其漫漫，自己入的坑自己得早补回来，加油！
html4基础内容
①html概念和基本骨架
概念：html（HyperText Marked Language）-----超文本标记语言
基本骨架:
<!DOCTYPE html>---DTD 文档类型声明
<html lang="en">
<!--头部-->
<head>
<meta charset="UTF-8">--字符集
<title>网页标题</title>
</head>
<!--身体-->
<body>
网页真正显示内容的地方
</body>
</html>
②html版本
html4.1
xhtml1.0
html5--html4.1--->新变化
③常见的标签
标题标签：h1~h6
画线：hr
段落标签：p
换行标签：br
块：div/span
文本格式化标签：加粗 b strong 倾斜 i em 删除 s del 下划线 u ins
图像标签：img
<img src="路径" alt="替换文本" title="悬停文本" width="宽度" height="高度" />
注：路径分为绝对路径和相对路径
绝对路径：带盘符或者网址等。
相对路径：a.资源和当前文件在同一目录 直接写文件名；
b.资源所在目录和当前文件再同一个文件夹下。此时 资源所在目录/资源；
c.当前文件的所在目录与资源所在目录在同一目录下，此时 ../资源目录/资源。
列表：
a.无序列表--ul
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
注释：ul和li都是双标记、两者配合使用也就是ul的儿子一定是li，li父亲是ul，标签里什么都可以放。
b.有序列表--ol
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
注释：ol和li都是双标记、两者配合使用也就是ol的儿子一定是li，li父亲是ol，标签里什么都可以放。
c.自定义列表--dl
<dl>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
</dl>
注释：dt标题, dd描述标题,一个dt，若干个dd。
表格：table---布局/展示数据
<table border="1" cellspacing="0" align="center" width="500" height="100">
<caption>表格标题</caption>
<thead>
<tr>---行
<td>...</td>----列
<td>...</td>
<td>...</td>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tfoot>
</table>
注：border属性：表格边框
cellspacing:单元格边框
align：表格对齐方式
width:宽度
height：高度
cellpadding:内容与单元格之间的距离。
表单：form---用于收集用户信息
<!-- action属性指定表单提交给什么程序处理 method属性指定表单提交方式 一般是get/post -->
<form action="url" method="get" >
<!-- 文本框 -->
<!-- name：把表单提交到服务器，这个属性是必写 -->
<p>用户名：<input type="text" name="username"></p>
<!-- 密码框 -->
<p>密 码：<input type="password" name="password"></p>
<p>
性别：
<!-- 单选框 -->
<input type="radio" name="sex">男
<input type="radio" name="sex">女
</p>
<p>
爱好：
<!-- 复选框 -->
<!-- checkbox：默认显示 -->
<input type="checkbox" name="hobbdios" checked>旅游
<input type="checkbox" name="hobbdios">看书
<input type="checkbox" name="hobbdios">游戏
<input type="checkbox" name="hobbdios">画画
</p>
<p>
所在地区：
<!-- 下拉菜单：select -->
<!-- select:默认选择 -->
<select>
<option value="">--请选择省份--</option>
<option value="jiangsu" selected>江苏省</option>
<option value="hunan">湖南省</option>
<option value="hebei">河北省</option>
<option value="jiangxi">江西省</option>
</select>
<!-- multiple size:默认显示几项 -->
<select multiple size="3">
<option value="">--请选择学习课程--</option>
<option value="psychics" selected>心理学</option>
<option value="history">历史</option>
<option value="physics">物理</option>
<option value="math">数学</option>
</select>
</p>
<p>
头像：
<!-- 文件：file -->
<input type="file" name="images">
</p>
<p>
个人留言：
<!-- 多文本：textarea -->
<textarea name="words" cols="30" rows="10">个人留言</textarea>
</p>
<p>
<!-- button：按钮 value：显示的值 -->
<input type="button" value="普通按钮">
<!-- 重置：reset 把写的内容恢复成默认-->
<input type="reset" value="重置">
<!-- 提交按钮：submit 把填写的内容提交到服务器-->
<input type="submit" value="注册">
<!-- 图像提交按钮 -->
<input type="image" src="images/btn.png">
</p>
</form>
注：input type(text/password/radio/checkbox/file/button/submit/
reset/image) 输入
textarea 文件域
select 下拉菜单
以上便是html4常用的基本内容。
网友评论