标签:入门 标签 单元格 表单 HTML 文本 定义
概述
HTML:超文本标记语言,后缀名为HTML,或者HTM
特点:
标签 |
概述 |
|
定义HTML文档 |
|
定义文档内容信息 |
</td>
<td>定义文档标题,也就是打开以后网页的名称</td>
</tr>
<tr>
<td><body></td>
<td>定义文档主体</td>
</tr>
</tbody>
</table>
<ol start="2">
<li>HTML标签不区分大小写</li>
<li>html标签属性值单双引号皆可</li>
<li>Html语法松散</li>
</ol>
<h3 id="基础标签">基础标签</h3>
<table>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><h1>-<h6></td>
<td>定义标题,h1最大,h6最小</td>
</tr>
<tr>
<td><font></td>
<td>定义文本的字体,字体尺寸,字体颜色</td>
</tr>
<tr>
<td><b></td>
<td>定义粗体文本</td>
</tr>
<tr>
<td><i></td>
<td>定义斜体文本</td>
</tr>
<tr>
<td><u></td>
<td>定义文本下划线</td>
</tr>
<tr>
<td><center></td>
<td>定义文本居中</td>
</tr>
<tr>
<td><p></td>
<td>定义段落</td>
</tr>
<tr>
<td><br></td>
<td>定义空行</td>
</tr>
<tr>
<td><hr></td>
<td>定义水平线</td>
</tr>
</tbody>
</table>
<h3 id="图片视频音频标签">图片,视频,音频标签</h3>
<table>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><img></td>
<td>定义图片</td>
</tr>
<tr>
<td><audio></td>
<td>定义音频</td>
</tr>
<tr>
<td><video></td>
<td>定义视频</td>
</tr>
</tbody>
</table>
<p>属性及参数:</p>
<ul>
<li>img:定义图片</li>
</ul>
<p> src:规定显示图像的url地址</p>
<p> height:定义图片的高度</p>
<p> width:定义图片的宽度</p>
<ul>
<li>audio:定义音频。HTML支持的格式:mp3,wav,ogg</li>
</ul>
<p> src:规定音频的url地址</p>
<p> controls:显示播放控件</p>
<ul>
<li>video:定义视频。支持的格式:mp4,webm,ogg
<ul>
<li>src:规定视频的url地址</li>
<li>controls:显示播放控件</li>
</ul>
</li>
</ul>
<h3 id="超链接标签">超链接标签</h3>
<table>
<thead>
<tr>
<th><a></th>
<th>定义超链接,用于打开其他页面</th>
</tr>
</thead>
</table>
<ul>
<li>href:指定访问资源的URL地址</li>
<li>target:指定打开资源的方式
<ul>
<li>_self:默认值,在当前页面打开</li>
<li>_blank:在空白页面打开</li>
</ul>
</li>
</ul>
<h3 id="列表标签">列表标签</h3>
<table>
<thead>
<tr>
<th><ol></th>
<th>有序列表</th>
</tr>
</thead>
<tbody>
<tr>
<td><ul></td>
<td>无序列表</td>
</tr>
</tbody>
</table>
<p>也可以在列表标签中使用type来定义它们的样式,不过一般不会使用,通常使用css样式来控制他们</p>
<h3 id="表格标签">表格标签</h3>
<table>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><table></td>
<td>定义表格</td>
</tr>
<tr>
<td><tr></td>
<td>定义行</td>
</tr>
<tr>
<td><td></td>
<td>定义单元格</td>
</tr>
<tr>
<td><th></td>
<td>定义表头单元格</td>
</tr>
</tbody>
</table>
<ul>
<li>table:定义表格
<ul>
<li>border:定义表格边框</li>
<li>width:定义表格的大小</li>
<li>cellspacing:规定单元格之间的空白</li>
</ul>
</li>
<li>tr:定义行
<ul>
<li>align:定义表格行的内容对其方式</li>
</ul>
</li>
<li>td:定义单元格
<ul>
<li>rowspan:规定单元格可横跨的行数</li>
<li>colspan:规定单元格可横跨的列数</li>
</ul>
</li>
</ul>
<h3 id="表单标签">表单标签</h3>
<ul>
<li>表单:在网页中主要负责数据采集功能,使用<form>标签定义表单</li>
<li>表单项:不同类型的Input元素、下拉列表、文本域等</li>
</ul>
<table>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><form></td>
<td>定义表单</td>
</tr>
<tr>
<td><input></td>
<td>定义表单项</td>
</tr>
<tr>
<td><select></td>
<td>定义下拉列表</td>
</tr>
<tr>
<td><option></td>
<td>定义下拉列表的列表项</td>
</tr>
<tr>
<td><label></td>
<td>为表单项定义标注</td>
</tr>
<tr>
<td><textarea></td>
<td>定义文本域</td>
</tr>
</tbody>
</table>
<ul>
<li>form:定义表单
<ul>
<li>action:规定当提交表单时向何处发送表单数据,如url</li>
<li>method:规定用于发送表单数据的方式
<ul>
<li>get:浏览器会将数据直接附在表单的action url之后,大小有限制</li>
<li>post:浏览器会将数据放到http请求信息体中,大小无限制</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>表单项标签:</p>
<table>
<thead>
<tr>
<th>type取值</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>test</td>
<td>默认值,定义单行输入字段</td>
</tr>
<tr>
<td>password</td>
<td>定义密码字段</td>
</tr>
<tr>
<td>radio</td>
<td>定义单选按钮</td>
</tr>
<tr>
<td>checkbox</td>
<td>定义复选按钮</td>
</tr>
<tr>
<td>file</td>
<td>定义文件上传按钮</td>
</tr>
<tr>
<td>hidden</td>
<td>定义隐藏的输入字段</td>
</tr>
<tr>
<td>submit</td>
<td>定义提交按钮,把表单数据发送到服务器</td>
</tr>
<tr>
<td>reset</td>
<td>定义重置按钮,清除表单数据</td>
</tr>
<tr>
<td>button</td>
<td>定义可点击按钮</td>
</tr>
</tbody>
</table>
|
标签:入门,标签,单元格,表单,HTML,文本,定义
来源: https://www.cnblogs.com/xiaoheyyds/p/16288174.html
本站声明:
1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。