HTML中常用标记教学内容
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
H T M L中常用标记
HTML常用标记
HTML页面基本结构标记
HTML页面的结构代码如下：
页面标题<title/></p><p><head/></p><p><body></p><p>这里是页面内容部分</p><p><body/></p><p><html/></p><p>HTML常用标记</p><p>表内容的标记</p><p>1、文本标记</p><p>文本基础元素包括p，h1，h2，h3，h4，h5，h6等元素，主要用来容纳文本等内容。</p><p>1、<p>：块元素，表示文本段落。</p><p>2、<span>：内联元素，用来区分文本中的一个部分。</p><p>3、标题元素：块元素，用来定义文本中的各种标题。h1，h2，h3，h4 ，h5，h6,其中</p><p>每个元素都对应有默认的字体样式其代码如下：</p><p><h1>一级标题</h1></p><p><h2>二级标题</h2></p><p><h3>三级标题</h3></p><p><h4>四级标题</h4></p><p><h5>五级标题</h5></p><p><h6>六级标题</h6></p><p>2、粗、斜体标记</p><p>1、<strong>：内联元素，文本以粗体显示。</p><p>2、<b>：内联元素，显示效果为文本加粗。</p><p>3、<em>：内联元素，文本以斜体显示。</p><p>4、<i>：内联元素，文本以斜体显示。</p><p>3、水平线、换行、注释标记</p><p>1、<br/>：内联元素，文本换行。</p><p>2、<hr/>：块级元素，横向实线。</p><p>3、<!-- -->：注释</p><p>4、图像、背景音乐、插入动画等标记</p><p>1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>：内联元素，用来插入图像文</p><p>件。</p><p>src ：用于指定图片文件所在的位置。</p><p>title/alt：用于指定一段文本信息，作为鼠标放在图像上的提示。</p><p>2、<bgsound/>：用来添加背景音乐。</p><p><bgsound src="your.mid" autostart="true" loop="infinite" ></p><p>src="your.mid"—设定 midi 档案及路径。</p><p>autostart="true"—是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。loop="infinite"—是否自动反复播放。loop=2 表示重复两次，infinite 表示重复多次。</p><p>3、<embed>：插入用来插入各种多媒体。格式可以是 midi、wav、aiff、au 等等。. <embed src="your.mid" autostart="true" loop="true" hidden="true"></p><p>5、链接标记</p><p>1、<a>：内联元素，定义页面中的超链接。如：<a href="#">新浪微博</a></p><p>6、表单标记</p><p>1、<form>：用于创建表单。</p><p>2、<label>，定义标注。</p><p>3、<input/>：用来定义表单控件，例如输入文本等。</p><p>4、<select>：定义下拉菜单。</p><p>5、<textarea>：定义文本域。</p><p>表结构的标记</p><p>1、div标记</p><p><div>：块元素。可以使用class和id属性进一步控制页面表现。Div是css布局中使用最</p><p>多的元素。</p><p>2、列表标记</p><p>1、<ul>：块元素，定义无序列表，其子元素只能包含<li…./> 。</p><p>2、<ol>：块元素，定义有序列表，其子元素只能包含<li…./> 。</p><p>3、<dl>：块元素，定义列表，只能包含<dt.../>和<dd…/>元素； dt指定标题名称，为内联元素；dd指定定义内容，为块元素。</p><p>3、表格标记</p><p>1、<table>元素：定义表格。</p><p>2、<tr>>：定义表格中的行。</p><p>3、<td>：定义表格中的单元格。</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/079006995.html" target="_blank">HTML标记语言常用标记大全</a></li>
<li><a href="/doc/0814872744.html" target="_blank">html标签大全</a></li>
<li><a href="/doc/117979526.html" target="_blank">html标记有哪些类型</a></li>
<li><a href="/doc/1415084151.html" target="_blank">HTML标记大全参考手册</a></li>
<li><a href="/doc/264261363.html" target="_blank">html代码常见的命令汇总</a></li>
<li><a href="/doc/3c4077764.html" target="_blank">HTML标记大全参考手册</a></li>
<li><a href="/doc/3c9855443.html" target="_blank">第2章 常用HTML标记和格式</a></li>
<li><a href="/doc/4d4951179.html" target="_blank">html标记语言常用标记大全</a></li>
<li><a href="/doc/479377878.html" target="_blank">常用HTML标记语言</a></li>
<li><a href="/doc/4b11089560.html" target="_blank">HTML常用标记</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li>
<li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li>
<li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li>
<li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li>
<li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li>
<li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li>
<li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li>
<li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li>
<li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li>
<li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li>
<li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li>
<li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "54a0e91bbed126fff705cc1755270722192e5939";
var docId = '54a0e91bbed126fff705cc1755270722192e5939';
var totalPage = 5;
const ext = 'doc';
const pageNum = '5';
</script>
<script src="https://assets.360docs.net/pc/js/render.js"></script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br />
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script type="text/javascript">foot()</script>
</div>
</body>
</html> 
