?
DOCTYPE 声明了文档类型
?
位于标签 与 描述了文档类型
?
位于标签
与 为可视化网页内容
?
位于标签
与
作为一个标题使用
?
位于标签
与
作为一个段落显示
HTML文档也叫做 web 页面
?
?
HTML 标签通常是成对出现的，比如 和
只有
区域 (白色部分) 才会在浏览器中显示。
中文编码
目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。
HTML 编辑器推荐
可以使用专业的 HTML 编辑器来编辑 HTML，菜鸟教程为大家推荐几款常用的编辑器：
? ? ?
Notepad++：https://notepad-plus-plus.org/ Sublime Text：http://www.sublimetext.com/ HBuilder：http://www.dcloud.io/
HTML 标题（Heading）是通过
- 标签来定义的. HTML 段落是通过标签
来定义的. HTML 链接是通过标签 来定义的.
HTML 图像是通过标签 ![]()
来定义的.
http://www.runoob.com/tags/html-reference.html HTML参考手册
标签在 HTML 页面中创建水平线。
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用
标签：相当于写诗，没有关闭标签
HTML 输出- 使用提醒
我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。 一句话 就显示一个空格！！！！
通常标签 替换加粗标签 来使用, 替换 标签使用。
这是 下标 和 上标
pre 标签对空行和空格进行控制
超链接
定义连接在何处显示，就是设置哪几个字为超链接。上面就是 访问菜鸟教程字作为超链接。
Eg.
cjkhsc
六个
是一个指向本网站中的一个页面的链接.
使用
标签定义HTML文档的标题 </p><p>使用 <base> 定义页面中所有链接默认的链接目标地址。 </p><p>使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。 </p><p> </p><p>HTML <head> 元素 </p><p><head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>. </p><p> </p><p>HTML <title> 元素 </p><p><title> 标签定义了不同文档的标题。 <title> 在 HTML/XHTML 文档中是必须的。 <title> 元素: </p><p>? ? ? </p><p>定义了浏览器工具栏的标题 </p><p>当网页添加到收藏夹时，显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 </p><p>做一个没有下划线的超链接 </p><p>touch it </p><p>CSS 可以通过以下方式添加到HTML中: </p><p>? ? ? </p><p>内联样式- 在HTML元素中使用\ 属性 </p><p>内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS 外部引用 - 使用外部 CSS 文件 </p><p> </p><p>设计背景颜色 </p><p><body style=\</p><p><h3 style=\</p><p><p style=\</body> </p><p>font-family（字体），color（颜色），和font-size（字体大小） 使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式： </p><p>外部样式表 </p><p>当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 </p><p>Eg. <head> </p><p><link rel=\</head> </p><p> 图片链接 </p><p>HTML中src是source的缩写，这里是源文件的意思。“source”本身是“源”的意思。 <img src=\路径\ </p><p>alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的<img src=\在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。 </p><p>Border 边界宽度 </p><p><img border=\</p><p>URL 指存储图像的位置。如果名为 \的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。 </p><p> <p> </p><p><img src=\will float to the left of this text. </p> <p> </p><p><img src=\will float to the right of this text. </p> </p><p>HTML 表格 </p><p> </p><p></p>
<br />
<p><script type="text/javascript">s("content-m");</script></p>
</div>
<div class="m-pages"><li><a>共2页: </a></li><li><a href='#'>上一页</a></li><li class="thisclass"><a>1</a></li><li><a href='751413_2.html'>2</a></li><li><a href='751413_2.html'>下一页</a></li></div>
<div class="down-word">
<div class="word-ico"></div>
<div class="word-tit">
<span class="docx">HTML简单笔记.doc</span>
<span>将本文的Word文档下载到电脑</span>
<span>下载失败或者文档不完整，请联系客服人员解决！ </span>
</div>
<div class="word-pic"><a href="javascript:;">下载这篇word文档</a></div>
</div>
</article>
<div class="art-prenext">
<p>下一篇：<a href="/wenku/jiaoyu/751412.html">基于BS结构的网上图书超市的设计与实现毕业论文</a></p>
</div>
<script type="text/javascript">s("like-m");</script>
<div class="main-tab"><a class="on" href="javascript:;">相关阅读</a></div>
<div class="tab-box">
<ul class="main-new on clearfix">
<li><a href="/wenku/jiaoyu/1151876.html" title="中国石油大学(北京)远程在线考试答案—《油气">中国石油大学(北京)远程在线考试答案—《油气</a></li>
<li><a href="/wenku/jiaoyu/1229519.html" title="中国移动网上大学传输设备PTN烽火L2题库">中国移动网上大学传输设备PTN烽火L2题库</a></li>
<li><a href="/wenku/jiaoyu/1287270.html" title="苏教版三年级数学下册口算练习题竖式精选（两">苏教版三年级数学下册口算练习题竖式精选（两</a></li>
<li><a href="/wenku/jiaoyu/1230553.html" title="2021年高考全国乙卷文科数学试题答案">2021年高考全国乙卷文科数学试题答案</a></li>
<li><a href="/wenku/jiaoyu/1150887.html" title="2019年江苏五年制专转本英语统考真题">2019年江苏五年制专转本英语统考真题</a></li>
<li><a href="/wenku/jiaoyu/938557.html" title="《统计学》复习题(3)">《统计学》复习题(3)</a></li>
<li><a href="/wenku/jiaoyu/1131506.html" title="大型集团党建制度（包括三会一课、党员学习、">大型集团党建制度（包括三会一课、党员学习、</a></li>
<li><a href="/wenku/jiaoyu/1053491.html" title="干燥机，润磨机设备操作维护规程">干燥机，润磨机设备操作维护规程</a></li>
<li><a href="/wenku/jiaoyu/1144707.html" title="2006年中国药科大学有机化学考研专业课真题及">2006年中国药科大学有机化学考研专业课真题及</a></li>
<li><a href="/wenku/jiaoyu/688148.html" title="夏季减肥打造小蛮腰">夏季减肥打造小蛮腰</a></li>
</ul>
</div>
<div class="main-tab"><a class="on" href="javascript:;">本类排行</a></div>
<div class="tab-box">
<ul class="main-new on clearfix">
<li><a href="/wenku/jiaoyu/1287711.html" title="2022最新数学教师工作总结方案多篇">2022最新数学教师工作总结方案多篇</a></li>
<li><a href="/wenku/jiaoyu/1230558.html" title=" 2021高考全国甲卷文科数学试题及答案"> 2021高考全国甲卷文科数学试题及答案</a></li>
<li><a href="/wenku/jiaoyu/1151861.html" title="中国石油大学(北京)远程在线考试答案—《安全">中国石油大学(北京)远程在线考试答案—《安全</a></li>
<li><a href="/wenku/jiaoyu/1151866.html" title="石油大学《化工过程设备设计》主观题（单数）">石油大学《化工过程设备设计》主观题（单数）</a></li>
<li><a href="/wenku/jiaoyu/1151863.html" title="中国石油大学(北京)远程在线考试答案—《催化">中国石油大学(北京)远程在线考试答案—《催化</a></li>
<li><a href="/wenku/jiaoyu/1092360.html" title="石油大学远程在线考试《机械制造基础》试题答">石油大学远程在线考试《机械制造基础》试题答</a></li>
<li><a href="/wenku/jiaoyu/666323.html" title="广西路网项目公路工程文件材料收集立卷归档实">广西路网项目公路工程文件材料收集立卷归档实</a></li>
<li><a href="/wenku/jiaoyu/718492.html" title="六年级汉语拼音总复习题（新星小学）">六年级汉语拼音总复习题（新星小学）</a></li>
<li><a href="/wenku/jiaoyu/1278950.html" title="最新苏教版三年级数学上册《间隔排列》易错题">最新苏教版三年级数学上册《间隔排列》易错题</a></li>
<li><a href="/wenku/jiaoyu/1271665.html" title="部编版三年级语文上册基础知识练习（2021期末">部编版三年级语文上册基础知识练习（2021期末</a></li>
</ul>
</div>
</div>
<footer class="footer">
<p class="bt-links"><a href="https://m.77cn.com.cn">手机版</a><span class="v-line">|</span><a href="https://www.77cn.com.cn">PC版</a><span class="v-line">|</span><a href="https://m.77cn.com.cn/fww">范文大全</a></p>
<p>Copyright © 2019-2022 免费范文网 版权所有<br/>
声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br/>客服QQ： 邮箱：tiandhx2@hotmail.com<br/>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">苏ICP备16052595号-18</a>
</p>
<div style="display:none;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e245478384fea490ec3a2317ee103ab";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
</footer>
<div class="theme-popover">
<div class="theme-poptit">
<a href="javascript:;" title="关闭" class="close">×</a>
<b>注册会员免费下载</b>（下载后可以自由复制和排版）
</div>
<div class="theme-popbod dform">
<!--<p class="downtit">下载本文档需要支付 <i>7</i> 元</p>-->
<!--<p class="chose"><span>支付方式：</span><span class="pay1"><img src="https://www.77cn.com.cn/img/wxpay.jpg" class="over"></span> <span class="pay2"><img src="https://www.77cn.com.cn/img/alipay.jpg"></span></p>-->
<!--<div class="youke_pay">-->
<!--<div class="wxpay"><a href="javascript:;">微信支付并下载</a></div>-->
<!--<div class="alipay" style="display:none;"><a href="javascript:;">支付宝支付并下载</a>-->
<!--</div>-->
<!--</div>-->
<p class='wxpay'><a href='https://www.77cn.com.cn/user/index.php'>马上注册会员</a></p>
<p class="downtxt">注：下载文档有可能“只有目录或者内容不全”等情况，请下载之前注意辨别，如果您已付费且无法下载或内容有问题，请联系我们协助你处理。<br>微信： QQ：</p>
</div>
</div>
<div class="theme-popover-mask"></div>
<script>
//menu
$(".header .menu").on("click", function(){
$("body").append("<div class=\"mask-bg menu-mask-bg\"></div>");
$(".menu-slide").show();
$("html,body").css({height:$(window).innerHeight(), overflow:"hidden"});
setTimeout(function(){
$(".menu-slide").css({transform:"translateX(-50px)"});
},50)
});
$("body").on("click", ".menu-mask-bg", function(){
$(".menu-slide").css({transform:"translateX(-100%)"});
$(".menu-mask-bg").remove();
$("html,body").removeAttr("style");
setTimeout(function(){
$(".menu-slide").hide();
},300)
});
//search
$(".header .search").click(function(){
if($(".search-box").is(":hidden")){
$(this).children("i").removeClass("search-icon").addClass("close-icon");
$(".search-box").fadeIn("fast");
}else{
$(this).children("i").removeClass("close-icon").addClass("search-icon");
$(".search-box").fadeOut("fast");
}
});
//nav
if($(".nav").length > 0) {
var nav = new Swiper(".nav",{
slidesPerView: "auto"
});
}
</script>
<script>
$(".pay1 img").click(function () {
$(".wxpay").css("display", "block");
$(".alipay").css("display", "none");
$(".pay1 img").addClass("over");
$(".pay2 img").removeClass("over");
});
$(".pay2 img").click(function () {
$(".wxpay").css("display", "none");
$(".alipay").css("display", "block");
$(".pay1 img").removeClass("over");
$(".pay2 img").addClass("over");
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.word-pic a').click(function(){
$('.theme-popover-mask').fadeIn(100);
$('.theme-popover').slideDown(200);
$(".vip-up").hide();
$(".vip-pay").hide();
var downid = '751413'
$('.wxpay a').click(function(){
var payurl = 'https://www.77cn.com.cn/hupipay/payment_pay_tz.php?payway=wx&aid=';
payurl = payurl.replace('payment', 'youke');
var gotourl = payurl + downid
location.href = gotourl;
});
$('.alipay a').click(function(){
var payurl = 'https://www.77cn.com.cn/hupipay/payment_pay_tz.php?payway=ali&aid=';
payurl = payurl.replace('payment', 'youke');
var gotourl = payurl + downid
location.href = gotourl;
});
})
$('.theme-poptit .close').click(function(){
$('.theme-popover-mask').fadeOut(100);
$('.theme-popover').slideUp(200);
})
})
</script>
<script src="/js/gobacktop.js" type="text/javascript"></script>
</body>
</html>