第一章,html的表格用法
一,html的表格定义
<title>html中的文本格式化</title>
<hr>是用于定义水平线;
<b>定义粗体文本</b>
<big>定义大号文字</big>
<small>定义小号文字</small>
<em>定义着重表达的文本</em>
<i>定义斜体文本</i>
<strong>定义加重语气的文本</strong>
sub元素
<sub>定义下标文本</sub>
<sup>定义下标文本</sup>
<ins>定义插件文本</ins>
<del>定义删除文本</del>
<pre>定义预格式文本</pre>
二,html的区块
<p>块级元素:在浏览器中显示通常以新的一开始(和结束)</p>
<b>内联元素:通常在浏览器中显示不会以新行开始</b>
<div></div>
<span></span>
三,html中的表格
table:定义表格
th:定义表格中的表头
tr:定义表格中的 行
td:定义表格中的单元格
cellspacing:定义表格中的间距
四,html中简单的表格布局
rowsapn:规定单元格可以横跨行数(合并行)
rowspan=”参数”
colspan:规定单元格可以横跨行数(合并列)
colspan=”参数”
五,html中的列表
<p>有序列表</p>用ol和li标签连用
<p>无序列表</p>ul和li标签连用
<p>自定义列表</p><dl></dl>
<dt></dt>
<dd></dd>
六,html的嵌套
<title>html中的列表嵌套<title>
<p>列表的嵌套:</p>
<ul>
<li>黄瓜
<ul>
<li>红富士</li>
</ul>
</li>
七,html中的链接
<title>html中的链接</title>
a:定义锚
herf属性:url
name属性:规定定义锚的名称
target属性:定义文档在什么地方打开
<a href=”http://www.hao123.com/"name">zhh</a>
八,html中的图片链接和锚点
<p>连接到页面:</p>
<p>连接到文档:</p>
<p>图片连接:</p>
<p>锚点:</p>
<a>href=””name=”top”顶部</a>
<table width="400px height="3000px border="1px">
<tr>
<td></td>
</tr>
</title>
<a href="#top">回到顶部</a>
九,html中的图像
<title>html中的图像<title>
<img/>标签定义图像
<img src="url地址"/"alt"=这是一张图片>
十.html中表单介绍
<title>表单的介绍</title>
html表单用于不同类型的用户输入
form标签用于为用户创建html表单
<form action="url地址" methd="get/post">
十一,html中的input元素
input元素有多种形态,如:文本,密码,单选,多选,按钮等等
type属性来定义
<p>文本</p>
用户名:<input type="text" name="username">
<p>密码</p>
密码:<input type=”password name=”password”>
<p>单选</p>
<input type="radio" name="sex" value="nan">男
<p>多选</p>
<input type="radio" name="n">吃饭
<input type="radio" name="n">睡觉
<p>重置</p>
<input type="reset" name="">
<p>提交/p>
<input type="submit" name="">
十二,html的input元素的属性
input的属性:
name:控制名称
velue:当前控件的值
readonly:只读,不可修改(与velue连用)
disabled:禁用,不可操作
checked:与多选 单选配合固定默认选项
size:输入框的宽度
maxlength:输入时文本的最大长度
placehoder:输入时提示的文本信息
autofocus:当页面重新加载时input元素自动获取焦点
十三,表单中的下拉列表和文本域
<title>表单的介绍</title>
<select>定义下拉列表
<p>下拉列表</p>
<select >
<option>苹果</option>
disabled:禁用属性
<option selected="select">苹果</option>:定义下拉列表中的可用选
multiple:属性规定可同时选择 多个选项
selected:预定义默认选项
<textarea>:定义多行文本输入控件
<p>文本域</p>
<textarea 与rows连用,cols >
<textarea>
rows:规定文本区内的可见行数
cols:规定文本区内的可见宽度
十四,html中新增表单元素和输入类型
<title>html5新增表单元素和input类型</title>
<p>预定义列表</p>
<input type=""list=""="list_1">
<datalist>
<option value="php"/>
<option value="oho"/ >
</datalist>
<p>emil类型</p>
<input type="emil" name="">
<input type="submiit" name="">
<p>url类型</p>
<p>number类型</p>
<p>range类型</p>
<p>日期选择器类型</p>
十五.html中的视频元素
<title>html中的视频元素</title>
embed:定义嵌入的内容
video:标签定义视频 如:定义片段或其他视频流…
<embed src="视频来源"></embed>
<video src="视频来源" 设置宽高 controls="controls"(暂停和控制音量) loop(播放完可以实现循环播放) autoplay(视屏自动播放)</video>
十六,html中的音频元素
<title>html中的音频元素</title>
audio:该标签定义声音,如:音乐或者其他音频流
<audio src="音频来源" controls="controls" (暂停和控制音量) loop(播放完可以实现循环播放) autoplay(视屏自动播放)>您的浏览器不支持audio标签</audio>
<embed src="音频来源"></embed>
第三章,html中的框架
<title>html中的框架</title>
frameset:定义框架结构的标签 可以将浏览器窗口分割成框架
rows/cols:的值规定了每行或者每列占据屏幕的面积,值用的% px *。
frame:标签定义了放置在每个框架中的 html文档
noresize:使框架边框不可拖动
<frameset 与rows,cols连用>
</frameset>
二,html中的内联框架
<title>html中的内联框架</title>
iframe标签定义内联框架
<p>内联框架</p>
<iframe src="新建文档"scrolling(设置滚动条margin(设置边距))srcdoc(插入标签)></iframe>