HTML
文档主题标记
标记的主要属性：
。bgcolor
设置页面颜色，如：bgcolor=“#eeffee”
。background
设置页面背景图片，如：background = “images/bg.gif”
。bgproperties = “fixed”
使背景图片不随着滚动条的滚动而滚动
。text
设置文档正文的文字颜色，如：text = “#ff6666”
其它的标记：
分段标记：
段落文字
换行标记：
段内第一段文字
段内第二段文字
正文标记：
1号正文标题文字
注释标记：
水平分隔线：
.
文档头部信息
用于标记HTML文档头部信息，主要是供给浏览器或网络搜索引擎使用，而不会显示在网页正文中。
的主要子标记：
设置窗口标题</p><p><link> 建立到外部文件（主要是CSS外部样式表）的链接</p><p><link ref = “stylesheet” href = “mystyle01.css” type = “text/css”></p><p><style> 设置网页的内部样式表</p><p><style type = “text/css”></p><p>Body {background-color:white;color:red}</p><p></style></p><p><meta> 设置当前页面的元素信息</p><p><meta name = “description” content = “HTNL实用教程”></p><p><meta name = “keywords” content = “HTNL工作室”></p><p><meta name = “author” content = “wzh”></p><p><meta http-equiv = “Content-Type” content = “text/html; charset = GBK”></p><p><meta http-equiv = “refresh” content = “5 ; url = ”></p><p>文本格式</p><p>常用文本格式标记：</p><p>标记显示格式</p><p><b> 粗体（bold）</p><p><i> 斜体（italic）</p><p><del> 文字中部划线表示删除</p><p><ins> 文字下划线表示填充内容</p><p><sub> 下标</p><p><sup> 上标</p><p><pre> 原样显示，保留空格和换行</p><p><html></p><p><head></p><p></head></p><p><body ></p><p><p><b>粗体字</b></p></p><p><p><i>斜体字</i></p></p><p><p><del>词当中划线表示删除（delete）</del></p></p><p><p><ins>词下划线表示插入/填充内容（insert）</ins></p> <p>下标：P<sub>1</sub><br></p></p><p><p>上标：-2<sup>7</sup>~2<sup>7</sup>-1</p></p><p><pre></p><p>预设（preformatted）文本，原样显示--</p><p>保留文本中的空格和</p><p>换行。</p><p></pre></p><p></body></p><p></html></p><p>字体</p><p><font> 标记的属性：</p><p>Face –设置字体类型</p><p><font face = “宋体”>文字内容</font></p><p>Size –设置字体大小</p><p><font size = “2”>文字内容</font></p><p>Color –设置字体颜色</p><p><font color =”#ff0000”>文字内容</font></p><p>Face 的类型常用的有，courier, impact , 宋体，隶书，黑体等。</p><p>图片</p><p><img> 标记用于在HTML 页面中插入图片</p><p><img src=”youyou.png”> 相对路径</p><p><img src=”/attchments/book.gif”> 绝对路径</p><p><img> 标记的其他属性：</p><p>Alt –在不支持图片显示的浏览器中将显示本属性值（alternate text）<img src=”youyou.png” alt=”悠悠的照片”></p><p>Width/height –设置图片大小</p><p><img src=”youyou.png” width=”200” height=”120”></p><p><img src=”youyou.png” width=”30%” height=”30%”> Align –设置图片的水平和垂直对齐方式。</p><p><img src=”youyou.png” align=”left/right/middle/top/bottom”> Border –设置图片边框线条宽度</p><p><img src=”youyou.png” border=”2”></p><p>特殊字符显示</p><p>Html 中使用字符实体表示拉丁字符</p><p>显示效果符号说明实体名显示实体编号表示</p><p>空格符 </p><p>< 小于号< <</p><p>> 大于号> <</p><p>& 符号& & &</p><p>“ 双引号" "</p><p>X 乘号× ×</p><p>除号÷ ÷</p><p>版权符号© ¥</p><p>注册商标® ®</p><p>超链接</p><p>@：Html使用<a> 标记来实现超连接</p><p><a href = “”>长沙大学</a></p><p>@：<a> 标记的其他属性：</p><p>Target --- 在指定的窗口或新窗口中显示链接页面</p><p><a href= target = “_blank” > 论坛</a> 注释：能弹出</p><p>新窗口</p><p>Name --- 设置锚（anchor）标记</p><p><a name=”p1”>文本内容</a></p><p><a href = “#p1”> 跳转到（锚标记p1 ）指定的位置</a></p><p>Title ----- 设置超链接的说明文字（鼠标悬停在超链接上时显示）</p><p><a href = “youyou.png” title=”点击可以看到我的照片”> 悠悠</a></p><p>@:链接到email 地址</p><p><a href =”mailto:service@”> 联系我们</a></p><p>@：图片作为超链接</p><p><a href = “......”> <img src = “youyou.png”> </a></p><p>列表</p><p>@：有序列表（Ordered List）</p><p><ol type = “a”> <!—可选属性type 用于设置列表的符号--> <li>列表条目1</li> <!—type 容许取值：“l”“a”“A”“i”“I”--></p><p><li>列表条目2</li></p><p></ol></p><p>@：无序列表（Unordered List）</p><p><ul type = “disc”> <!—可选属性type 用于设置列表的符号--> <li>列表条目1</li> <!—type 容许取值：“disc（小黑点）”“circle（空心圆</p><p>圈）”“aquare实心方块”--> <li>列表条目2</li></p><p></ul></p> </div>
</div>
</div>
</div>
</div>
<!-- 推荐文章 -->
<!-- 相关主题 -->
<div class="theme-list">
<div class="theme-pd content-hg-pd">
<div class="header">
<div class="title">
<h3>相关主题</h3>
<i class="bg bg-4"></i>
</div>
</div>
<div class="container">
<ul>
<li class="topic">
<a href="/topic/3632200/" target="_blank">html网页基础</a>
</li>
<li class="topic">
<a href="/topic/8143793/" target="_blank">html网页设计基础</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 相关推荐 -->
<div class="temp-rg" id="target-element">
<div class="relevant-box temp-mg">
<div class="content" id="side-list">
<div class="header hd-bm hd-scollor">
<div class="title">
<h3>文档推荐</h3>
<i class="bg bg-1"></i>
</div>
</div>
<ul class="container-ul">
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/08397138.html" target="_blank" title="HTML+CSS网页设计与布局教案"
class="ul-doc-a text-overflow-clamp">HTML+CSS网页设计与布局教案</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:17</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-ppt"></i>
<div class="cont-rg flex-column">
<a href="/doc/0815665475.html" target="_blank" title="HTML网页设计基础知识学习"
class="ul-doc-a text-overflow-clamp">HTML网页设计基础知识学习</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:61</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-pdf"></i>
<div class="cont-rg flex-column">
<a href="/doc/1911402216.html" target="_blank" title="《HTML5+CSS3网站设计基础教程》_教学大纲"
class="ul-doc-a text-overflow-clamp">《HTML5+CSS3网站设计基础教程》_教学大纲</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:9</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/263367304.html" target="_blank" title="网页设计与制作试题(HTML基础)有答案"
class="ul-doc-a text-overflow-clamp">网页设计与制作试题(HTML基础)有答案</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:2</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-rtf"></i>
<div class="cont-rg flex-column">
<a href="/doc/205743107.html" target="_blank" title="网页制作HTML基础知识"
class="ul-doc-a text-overflow-clamp">网页制作HTML基础知识</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:4</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/2d8519920.html" target="_blank" title="html5页面设计"
class="ul-doc-a text-overflow-clamp">html5页面设计</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:15</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-pdf"></i>
<div class="cont-rg flex-column">
<a href="/doc/229192501.html" target="_blank" title="HTML网页制作基础"
class="ul-doc-a text-overflow-clamp">HTML网页制作基础</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:23</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-ppt"></i>
<div class="cont-rg flex-column">
<a href="/doc/2914354528.html" target="_blank" title="网页设计基础7"
class="ul-doc-a text-overflow-clamp">网页设计基础7</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:38</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-ppt"></i>
<div class="cont-rg flex-column">
<a href="/doc/354395509.html" target="_blank" title="HTML网页设计基础知识学习"
class="ul-doc-a text-overflow-clamp">HTML网页设计基础知识学习</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:59</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/3414593497.html" target="_blank" title="网页设计与制作试题html基础)有答案"
class="ul-doc-a text-overflow-clamp">网页设计与制作试题html基础)有答案</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:2</em>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="relevant-box">
<div class="content">
<div class="header hd-bm">
<div class="title">
<h3>最新文档</h3>
<i class="bg bg-4"></i>
</div>
</div>
<ul class="container-ul">
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/061000073.html" target="_blank"
class="new-li-a text-overflow">饭店包间名字大全</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0410001030.html" target="_blank"
class="new-li-a text-overflow">word无法创建工作文件,请检查临时环境变量</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/0910001458.html" target="_blank"
class="new-li-a text-overflow">自行车健身比赛开幕式讲话词</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0a10001469.html" target="_blank"
class="new-li-a text-overflow">2018乡村医生个人工作总结</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0110002558.html" target="_blank"
class="new-li-a text-overflow">MySQL测试题 SQL</a>
</li>
<li class="new-down-li">
<i class="icon-ppt"></i>
<a href="/doc/0210002568.html" target="_blank"
class="new-li-a text-overflow">合勤NXC5200</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/0010004833.html" target="_blank"
class="new-li-a text-overflow">铁路集中箱空箱调度优化建模案例(案例2)</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/0f1000530.html" target="_blank"
class="new-li-a text-overflow">微分几何教学大纲-复旦大学数学科学学院</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/011000596.html" target="_blank"
class="new-li-a text-overflow">人教版九年级数学上册导学案：24.1.1_圆【精品】</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/0d10006773.html" target="_blank"
class="new-li-a text-overflow">(整容后办护照用)医院整容证明</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>
<script>
var sid = 1;
var did = "9913027622";
var docId = '9ae5c938376baf1ffc4fad2c';
var totalPage = 27;
var ext = 'docx';
var pageNum = '27';
</script>
<script src="https://assets.doczj.com/pc/js/render.js"></script>
<div class="broadside">
<div class="user-cursor" id="toTop">
<div class="user-about" title="置顶">
<i class="iconfont icon-you bottom"></i>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="ft-content">
<div class="ft-logo">
<a href="/" target="_blank" title="文档之家" class="flex-column-center">
<img src="https://assets.doczj.com/pc/icon/icon-logo1.png" title="文档之家" />
<p>文档之家</p>
</a>
</div>
<div class="ft-info">
<nav class="footer-nav">
<ul>
<li><strong class="ft-block" class="ft-block">关于</strong></li>
<li><a href="/about/about-us.html">关于我们</a></li>
<li><a href="/about/contact-us.html">联系我们</a></li>
</ul>
<ul>
<li><strong class="ft-block" class="ft-block">版权相关</strong></li>
<li><a href="/about/copyright-statement.html">版权声明</a></li>
<li><a href="/about/infringement-complaint.html">侵权投诉</a></li>
<li><a href="/about/disclaimer.html">免责声明</a></li>
</ul>
<ul>
<li><strong class="ft-block" class="ft-block">网站声明</strong></li>
<li><a href="/about/user-agreement.html">用户协议</a></li>
<li><a href="/about/privacy-policy.html">隐私政策</a></li>
<li><a href="/about/sitemap.html">网站地图</a></li>
</ul>
<ul>
<li><strong class="ft-block" class="ft-block">帮助中心</strong></li>
<li><a href="/about/download-instructions.html">下载说明</a></li>
<li><a href="/about/download-failure-solution.html">下载失败解决</a></li>
<li><a href="/about/redownload-order.html">订单重下载</a></li>
</ul>
</nav>
<div class="ft-side">
<img src="https://assets.doczj.com/pc/images/weixin.jpg" />
<h3>微信客服</h3>
</div>
</div>
</div>
</div>
<div class="ft-box">
<div class="ft-text">
<p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a> 文档之家 版权所有 - ©2024</p>
</div>
</div>
</footer>
<script text="text/javascript" src="https://assets.doczj.com/pc/js/index.js"></script>
</body>
</html>
