博客列表 >html5的属性用法

html5的属性用法

老姨
老姨原创
2019年11月11日 22:01:33809浏览

第一章,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>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议