html基本标签-创新互联

1、基础标签

10年积累的做网站、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有崆峒免费网站建设让你可以放心的选择与我们合作。

<!-- 注释标签 -->

<h2>标题标签</h2> //最小到6

<font>字体标签</font> //属性：color、size、face(字体)

<i>斜体文字</i>  <u>文字下滑线</u>  <s>文字删除线</s>

2² //上方小字   CO₂ //下方小字

<br>换行 &nbsp空格

<p>段落标签</p> //属性：align(left、center、right)

<center>居中标签</center>

<pre>预编译标签 保持原有格式不变</pre>

<big>比默认字号大一号</big>

<small>比默认字号小一号</small>

<hr/>分隔线 //属性：color、size、width、align

<img src = "路径\图片名"></img> //属性：width、height、border(边框)、alt(图片加载失败显示)

<div></div>块标签 <span></span>行标签

2、超链接标签

<a href = "要跳转的页面">跳转页面</a>

属性： target(_blank在新窗口打开 _self 在自身窗口打开链接页面)

name(标记)

<a name="top"></a><a href="#bottom">跳到底部</a>

<a href="#top">跳到顶部</a> <a name="bottom"></a>

图片上的超链接：

<img src="a.jpg" usemap="#mymap" width=500px height=500px></img>

<map name="mymap">

<area shape="rect" coords="100,20,30,30" href="http://www.baidu.com"/> //矩形 xy坐标以及长宽

<area shape="circle" coords="300,400,300" href="http://www.baidu.com" target="_blank"/> //圆形 xy坐标以及半径

</map>

3、列表标签

1)有序列表

<ol> //属性：type(类型可以有 a A 1 II)、start(默认从1开始)

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

</ol>

2)无序列表

<ul> //属性：type(几何图形,默认disk)

<li>第一项描述</li>

<li>第二项描述</li>

<li>第三项描述</li>

<li>第四项描述</li>

</ul>

3)自定义列表

<dl>

<dt>第一项

<dd>第一项描述

<dt>第二项

<dd>第二项描述

</dl>

4、表格标签

<table> //table、tr、td属性border、align、width、height、bgcolor、background

<caption>表格标题</caption>

<tr> //行

<th></th> <th></th> <th></th> //列

</tr>

<tr>

<td></td> <td></td> <td></td>

</tr>

<tr>

<td></td> <td></td> <td></td>

</tr>

</table>

合并单元格 属性：colspan(左右合并个数)、rowspan(上下合并个数)

5、表单标签

<form  action="#" method="get"></form> <!-- 表单的作用: 前台数据和后台的一个交互 -->

<!-- type 文本框的类型 value 默认值 name 名字 -->

<input type="text" value="" name="" size=""/> //普通表单

<input type="password"  name=""/> //密码表单

<input type="button" value=""/> //普通按钮 <button>普通按钮</button>

<input type="radio" name="sex">男<input type="radio" name="sex">女 //单选按钮

<input type="checkbox" name="ah" value="lq"/>蓝球 <input type="checkbox" name="ah" value="zq"/>足球 //多选按钮

<input type="File"/> //上传文件表单

<input type="reset" value="重置"/>

<input type="submit" value="提交"/>

6、框架标签

<!-- 注意：frameset标签和body标签不能共存  -->

<frameset rows="25%,*" border="5px" bordercolor="#cccc00" frameborder="1" framespacing="0px">

<frame src="标题页.html" noresize="noresize" marginheight="80px"/><!-- 上面的一块 -->

<frameset cols="20%,*">

<frame src="列表页.html" noresize="noresize" marginwidth="70px"/><!-- 下左 -->

<frame name="myright" scrolling="auto"/><!-- 下右 -->

</frameset>

</frameset>

7、 多媒体标签

1)<!-- bgsound 只支持IE 浏览器 -->

<bgsound id="sound" src="apple.mp3" loop="-1" volume="100%" autostart="true"/>

//loop 循环次数 volume 音量 autostart 是否自启

2)<!--audio支持声频资源 src资源路径 controls 控制面板 loop是否循环 autoplay 是否自动播放 -->

<audio src="apple.mp3" controls="controls" loop="loop" autoplay="true"></audio>

3)<!-- embed 大部分浏览器只支持声频的播放  欧朋浏览器可以支持视频播放 -->

<embed src="monkey.mp4" autostart="true" loop="true"></embed>

4)<video controls="controls" autoplay="true">

<source src="monkey.mp4" type="video/mp4"></source>

</video>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享题目：html基本标签-创新互联
文章URL：https://www.cdcxhl.com/article32/eohpc.html

成都网站建设公司_创新互联，为您提供微信小程序、企业建站、品牌网站制作、搜索引擎优化、电子商务、软件开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联