实验指导2： HTML基本语法
[内容提示]本章简要介绍了HTML的基本语法。
[学习目的]通过本实验的学习，同学们应该：（1）、了解HTML基本语法；（2）、运用HTML 基本语法，建立一个HTML文件。
第一节HTML与JSP
HTML，它是一种标记语言，浏览器识别的语言，我们看到的所有页面都是html语言，HTML 也是j2ee用于展现给用户的界面的最好解决方案。
JSP是基于Java的、执行于服务器端的动态网页开发技术，用于创建可支持跨平台及跨Web服务器的动态网页。Jsp是以java语言为主，然后通过后台服务生成html标签，这样做的好处是安全可靠、比较直观。比如要html页面动态生成所有注册用户，那么就用java调用后台数据库，读出所有用户的数据，然后打印到页面上。
第二节HTML基本语法
一、页面标记
HTML 文件结构(Document Structures)：
...
...
...
, <base>, <link>, <isindex>, <meta></p><p></HEAD></p><p><BODY></p><p>HTML 文件的正文写在这里... ...</p><p></BODY></p><p></HTML></p><p>语言字符集(Charsets)的信息：</p><p><meta http-equiv="Content-Type" content="text/html;charset=#"></p><p>#=</p><p>us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,</p><p>iso-2022-jp, x-sjis, x-euc-jp,</p><p>euc-kr, iso-2022-kr,</p><p>gb2312, gb_2312-80,</p><p>x-euc-tw, x-cns11643-1, x-cns11643-2, big5</p><p>可在 HTML 文件中设置 MIME 字符集信息。</p><p>在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。否则，在浏览该主页时，若未正确设置语言选项，显示将可能混乱。</p><p>背景色彩和文字色彩：</p><p><body bgcolor=# text=# link=# alink=# vlink=#></p><p>bgcolor --- 背景色彩</p><p>text --- 非可链接文字的色彩</p><p>link --- 可链接文字的色彩</p><p>alink --- 正被点击的可链接文字的色彩</p><p>vlink --- 已经点击(访问)过的可链接文字的色彩</p><p>#=rrggbb</p><p>色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。</p><p>16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.</p><p>背景图象 <body background="image-URL"></p><p>Non Scrolling Background <body bgproperties=FIXED></p><p>页面空白(Margin) ：</p><p>页面左边的空白 <body leftmargin=#>页面上方的空白(天头) <body topmargin=#> #=margin amount</p><p>链接(Link)：</p><p>基本语法 <a href="URL"> ... </a></p><p>这是一个<a href="samp/link.html">链接的例子</a>。</p><p>跳转到页面的另外一个地方：</p><p><a href="#name"> ... </a></p><p><a name="name"> ... </a></p><p><a href="#jump-test">跳转到下一个"链接点"</a><P></p><p><a name="jump-test">下一个链接点</a></p><p>跳转到另一个页面的某个地方</p><p><a href="URL#name"> ... </a></p><p><a name="name"> ... </a></p><p>跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。</p><p>开一个新的(浏览器)窗口 (Target Window)：</p><p><a href="URL" target="Window_Name"> ... </a></p><p><a href="samp/window.html" target="window_name"></p><p>开一个新窗口!</p><p></a></p><p>标尺线：</p><p><hr></p><p><hr></p><p><hr size=#></p><p><hr size=10></p><p><hr width=#></p><p><hr width=50></p><p><hr width=50%></p><p><hr align=#> #=left, right</p><p><hr width=50% align=left></p><p><hr width=50% align=right></p><p><hr noshade></p><p><hr noshade></p><p><hr color=#></p><p>#=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：</p><p>Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,</p><p>Fuchsia, White, Green, Purple, Silver, Yellow, Aqua</p><p><hr color="red"></p><p>二、字体标记</p><p>标题字体(Header)：</p><p><h#> ... </h#> #=1, 2, 3, 4, 5, 6</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>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/1210265075.html" target="_blank">HTML基本语法汇总大全</a></li>
<li><a href="/doc/1f18954016.html" target="_blank">HTML初级知识点总结最详细的总结</a></li>
<li><a href="/doc/224233896.html" target="_blank">HTML基本操作</a></li>
<li><a href="/doc/2810090200.html" target="_blank">HTML基本语法大全讲解</a></li>
<li><a href="/doc/2916201212.html" target="_blank">HTML基础知识</a></li>
<li><a href="/doc/3d9266168.html" target="_blank">HTML基本语法</a></li>
<li><a href="/doc/3312906573.html" target="_blank">HTML初级知识点总结,最详细的总结</a></li>
<li><a href="/doc/463196922.html" target="_blank">HTML5-常用语法一览表</a></li>
<li><a href="/doc/4213098857.html" target="_blank">HTML5 常用语法一览表</a></li>
<li><a href="/doc/6b2191328.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 = "1b20dc81e53a580216fcfe3b";
var docId = '1b20dc81e53a580216fcfe3b';
var totalPage = 31;
const ext = 'doc';
const pageNum = '31';
</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> 
