100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > htnl基础知识之网页页面的初步了解【HTML】

htnl基础知识之网页页面的初步了解【HTML】

时间:2023-01-07 18:31:21

相关推荐

htnl基础知识之网页页面的初步了解【HTML】

web前端|html教程

页面了解,HTML的知识,HTML入门

web前端-html教程

HTML语言是超文本标记语言的缩写。它是一种描述文档结构的语言,而不能描述实际的表现形式。

HTML语言使用描述性的标记符(称为标记码)来指明文档的不同内容。标记码是区分文本各个组成的分界符,用来把HTML文档划分成不同的逻辑部分(或结构),如段落、标题和表格等。标记码描述了文档的结构,它向浏览器提供该文档的格式化信息,以传送文档的外观特性。

用HTML语言写的页面是普通的文本文档,不含任何与平台和程序相关的信息,它们可以被任何文本编辑器读取.

产生HTML文件有两种方法,一种是手工编制,另一种是用网页编辑器产生,Dreamweaver 3.0就是一个这样的网页编辑器,用Dreamweaver 3.0制作网页的同时,Dreamweaver 3.0产生该网页的HTML文件,因此学习手工编制HTML文件是很有必要的,下面介绍如何手工编制HTML文件的基本知识。

HTML文档包含两种信息:一是页面本身的内容,如文本、图形等;二是表示页面元素、结构、格式和其他超文本链接的HTM L标签。

当浏览器读HTML文件遇到HTML标签时,它就将页面的内容按照标记定义的格式显示出来。HTML标记的基本格式是:

页面内容

前面的标签表示所定义格式的开始,后面的标签表示这种格式的结束·例如“Helloworld ! ”表示用粗体字显示“Hello world”。

现在常用的两种浏览器360和Internet Explorcr对HTML标记的解释不一样,即同一个标记在不同浏览器显示的结果不一样,两者是否能解释的标记也不一样,同一种浏览器不同版本也有此问题,因此,编制网页时需要注意此问题。一般而言,常用的普通功能不会出现这种现象,新的、高级的功能才会出现这个问题。Dreamweaver 3.0己经尽量兼顾了这两种浏览器,并提供了一些处理这些问题的方法。

HTML文件是纯文本文件,可用任何文字编辑器输入,如Windows附件中的记事本.保存文件时,文件的扩展名必须用“HTML”或“HTM “。

HTML文件的整体结构如下:

下面说明HTML文件整体结构中的HTML标签:

:每个HTML页面中的第一个HTML标签是,它说明文件内容是用HTML语言编写的,HTML页面中所有文木和HTML标签都包含在

…开始和结束标记之中.

: 标签表明包含在这一标签中的文本是文木中其他文本的序言,通常只有很少的部分写在文件的部分,不应把页面内容的任何文本写在页头中!

:包含在<title>标签之间的文木称为页头标题,浏览器将页头标题放在页面窗口的标题栏中。<p>: HTML页面的内容都包含在标签中。<p>来了解HTML文件的基木格式、概念和标记。在编辑的文本文件里写出如下内容:<p><title>Hello World!<p>HeIIo World!</p><p>This is my first web.</p><p>这就是一个简单的HTML文件,让我们先为上面的文件起名并保存.起文件名要注意:<p>(1)在DOS/Windows系统中扩展名要用“.htm”,在UNIX系统中扩展名要用“.html “(需要注意的是,在UNIX系统中,文件名中的字母大小写是敏感的)。<p>百度注册源码,vscode 红色下划线,ubuntu禁用dock,tomcat 多线程设置,科幻机械爬虫,php 阿里云存储,seo综合查询能关闭吗,php网站程序安装源代码,免费网站模板含手机版lzw</p><p></p></p> </div> <div class="keywords"> </div> <div class="tips">本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。</div> </div> <script>news_one();</script> <dl class="plbox" id="comments"> <dt>网友评论</dt> <dd> <textarea class="plcc">文明上网理性发言</textarea> <button class="sendpl">发表评论</button> <div class="pl_tips">网友评论仅供其表达个人看法,并不表明网站立场。</div> <div class="b10"></div> <ol class="pllist"> </ol> </dd> </dl> <script> $(".plcc").focus(function(){ if($('.plcc').val()=='文明上网理性发言') $('.plcc').val(''); }); $(".sendpl").click(function(){ var plcc=$('.plcc').val(),plcs=$('<p>'+plcc+'</p>').text(); if(plcs!='' && plcs!='文明上网理性发言'){ $('.pllist').prepend('<li><img src="https://100zi.50zi.cn/statics/images/member/avatar.jpg" /><span class="adtime">2024-07-29 04:15</span><span class="plname">匿名316681205</span><span class="ipadd">[网友]<i>0.0.0.0</i></span><div class="pldata">'+plcs+' <font color="gray">(审核中)</font></div><div class="support"><span class="s1">顶0</span><span class="s2">踩0</span></div><div class="clear"></div></li>'); $.post("https://100zi.50zi.cn/comment.php",{"commentid":"content_1-67768222-1","title":"htnl%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%B9%8B%E7%BD%91%E9%A1%B5%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%88%9D%E6%AD%A5%E4%BA%86%E8%A7%A3%E3%80%90HTML%E3%80%91","content":plcs,"token":"9d5a123311936e4c70119f9a60332488"}); } }); </script> <script>show(3);</script> <div class="list mt20"> <div class="listTit"><span></span>相关阅读</div> <dl> <dt><a href="https://100zi.50zi.cn/zw/14/604/rKE0po3Vew.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/14/604/b12eafc297716b50b2e8b88d8eee7039.jpg" alt="htnl5利用svg页面高斯模糊办法" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/zw/14/604/rKE0po3Vew.html" target="_blank">htnl5利用svg页面高斯模糊办法</a></p> <p class="des"></p> <p class="key"> <span>2024-07-14</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/zw/14/900/BdO9QVWNew.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/14/900/3a7789b5f55e3acc197289e9c3bad01c.jpg" alt="HTML+CSS基础知识巩固参考页面" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/zw/14/900/BdO9QVWNew.html" target="_blank">HTML+CSS基础知识巩固参考页面</a></p> <p class="des"></p> <p class="key"> <span>2021-01-11</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/zw/15/436/EdlkpYg1Kr.html" target="_blank"><img src="" alt="word 保存html word保存网页HTML文件 Word基础知识:保存网页HTML文件方法" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/zw/15/436/EdlkpYg1Kr.html" target="_blank">word 保存html word保存网页HTML文件 Word基础知识:保存网页HTML文件方法</a></p> <p class="des"></p> <p class="key"> <span>2022-07-16</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/zw/14/553/1Jyv9bG0el.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/14/553/896cc7e1074351a03864a010bdfbb833.jpg" alt="html文档基本结构(制作网页基础知识)【HTML】" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/zw/14/553/1Jyv9bG0el.html" target="_blank">html文档基本结构(制作网页基础知识)【HTML】</a></p> <p class="des"></p> <p class="key"> <span>2022-02-02</span> <span></span> </p> </dd> </dl> </div> </div> <div class="sideRight"> <script>news_two();</script> <div class="rightNews mt20"> <div class="rightTit"><span></span>扩展阅读</div> <div class="rightNewsList"> <dl> <dt><a href="https://www.qwen.cn/html/202012/05/1573268.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/pic/306.jpg" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://www.qwen.cn/html/202012/05/1573268.html" target="_blank">「<em>HTML</em>+CSS」<em>html</em>修饰标签介绍 为<em>页面</em>元素添加独立效果</a></p> </dd> </dl> <dl> <dt><a href="https://www.qwen.cn/html/202101/06/1973380.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/pic/424.jpg" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://www.qwen.cn/html/202101/06/1973380.html" target="_blank">如何让Facebook<em>页面</em>自由地编写<em>HTML</em></a></p> </dd> </dl> <dl> <dt><a href="https://www.zwen.com.cn/sc/hbb/395160.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/pic/134.jpg" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://www.zwen.com.cn/sc/hbb/395160.html" target="_blank"><em>html</em>5做一个黑板报<em>页面</em></a></p> </dd> </dl> <dl> <dt><a href="https://www.zwen.com.cn/sc/hbb/2614923.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/pic/509.jpg" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://www.zwen.com.cn/sc/hbb/2614923.html" target="_blank"><em>html</em>5做一个黑板报<em>页面</em></a></p> </dd> </dl> <dl> <dt><a href="https://www.qwen.cn/html/202011/27/1470507.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/pic/638.jpg" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://www.qwen.cn/html/202011/27/1470507.html" target="_blank">制作<em>html</em><em>页面</em>时 怎样在两个文字中间输入圆点</a></p> </dd> </dl> <dl> <dt><a href="https://www.qwen.cn/html/202012/06/1586291.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/pic/470.jpg" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://www.qwen.cn/html/202012/06/1586291.html" target="_blank">上海黄浦<em>网页</em><em>html</em>开发培训中心浅析<em>html</em>的整体结构</a></p> </dd> </dl> </div> </div> <div class="rightNews mt20"> <div class="rightTit"><span></span>最近发布</div> <div class="rightNewsList"> <dl> <dt><a href="https://100zi.50zi.cn/html/2024/0728/z9d34b8JwX.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/2024/07/28/7d4c0dc3f26a42e875cce9fa7c37072b.jpg" alt="小学生金鱼观察日记:奇妙生物的秘密世界" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/html/2024/0728/z9d34b8JwX.html" target="_blank">小学生金鱼观察日记:奇妙生物的秘密世界</a></p> <p class="key"> <span>2024-07-28</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/html/2024/0728/NwJ9n1Wev5.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/2024/07/28/f39400e027e21c9cd1b9de2bf06e56d5.jpg" alt="短篇寓言故事100字左右" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/html/2024/0728/NwJ9n1Wev5.html" target="_blank">短篇寓言故事100字左右</a></p> <p class="key"> <span>2024-07-28</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/html/2024/0728/qgKDj8oJNw.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/2024/07/28/79ed87cc6f4b4b5dfa0cd123cc1d3591.jpg" alt="【球王贝利的故事】典范英语球王贝利的故事梗概约100字!" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/html/2024/0728/qgKDj8oJNw.html" target="_blank">【球王贝利的故事】典范英语球王贝利的故事梗概约100字!</a></p> <p class="key"> <span>2024-07-28</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/html/2024/0728/ADeXnOEdMZ.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/2024/07/28/46152ae43ae71280d63f9cd4933bf778.jpg" alt="运动会加油稿100字120篇" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/html/2024/0728/ADeXnOEdMZ.html" target="_blank">运动会加油稿100字120篇</a></p> <p class="key"> <span>2024-07-28</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/html/2024/0728/kxJ03p5db8.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/2024/07/28/ca9a26ba45f3c995caafaf79e07dbad0.jpg" alt="八年级春节作文100字:除夕夜" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/html/2024/0728/kxJ03p5db8.html" target="_blank">八年级春节作文100字:除夕夜</a></p> <p class="key"> <span>2024-07-28</span> <span></span> </p> </dd> </dl> <dl> <dt><a href="https://100zi.50zi.cn/html/2024/0728/WmeVY5AJk9.html" target="_blank"><img src="https://100zi.50zi.cn/uploadfile/img/2024/07/28/ff2892511418048e391d50fd8abcc5e4.jpg" alt="关于保护环境的英语作文100字" width="230" height="150" /></a></dt> <dd> <p class="tit"><a href="https://100zi.50zi.cn/html/2024/0728/WmeVY5AJk9.html" target="_blank">关于保护环境的英语作文100字</a></p> <p class="key"> <span>2024-07-28</span> <span></span> </p> </dd> </dl> </div> </div> <div class="rightClass mt20"> <div class="rightTit"><span></span>推荐专题</div> <div class="txt"> <a href="https://100zi.50zi.cn/zt/1/5/yxjddzw100z.html" title="以小见大的作文100字">以小见大的作文100字</a> <a href="https://100zi.50zi.cn/zt/1/5/wdtzrj100z.html" title="我的同桌日记100字">我的同桌日记100字</a> <a href="https://100zi.50zi.cn/zt/1/2/xx100zzw.html" title="小学100字作文">小学100字作文</a> <a href="https://100zi.50zi.cn/zt/1/3/ydgy100z.html" title="阅读感言100字">阅读感言100字</a> <a href="https://100zi.50zi.cn/zt/1/3/tzqrj100z.html" title="踢足球日记100字">踢足球日记100字</a> <a href="https://100zi.50zi.cn/zt/1/5/rwdhpd100z.html" title="人物对话片段100字">人物对话片段100字</a> <a href="https://100zi.50zi.cn/zt/1/7/sshxghg100z.html" title="闪闪红星观后感100字">闪闪红星观后感100字</a> <a href="https://100zi.50zi.cn/zt/1/0/cygs100z.html" title="成语故事100字">成语故事100字</a> <a href="https://100zi.50zi.cn/zt/1/4/hxcdzw100z.html" title="含羞草的作文100字">含羞草的作文100字</a> <a href="https://100zi.50zi.cn/zt/1/5/aystdgs100z.html" title="爱因斯坦的故事100字">爱因斯坦的故事100字</a> <a href="https://100zi.50zi.cn/zt/1/9/jslx100zzy.html" title="介绍鲁迅100字左右">介绍鲁迅100字左右</a> <a href="https://100zi.50zi.cn/zt/1/1/cjwmcs100z.html" title="创建文明城市100字">创建文明城市100字</a> <a href="https://100zi.50zi.cn/zt/1/1/rjcpp100z.html" title="日记吹泡泡100字">日记吹泡泡100字</a> <a href="https://100zi.50zi.cn/zt/1/5/tzsczw100z.html" title="跳蚤市场作文100字">跳蚤市场作文100字</a> <a href="https://100zi.50zi.cn/zt/1/4/pjjdhp100z.html" title="评价酒店好评100字">评价酒店好评100字</a> </div> </div> </div> </div> <script>show(4);</script> <div class="footer"> <div class="footLinks"> <div class="footLink"> <div class="tit">猜你喜欢:</div> <div class="txt txtTwo"> <a href="https://100zi.50zi.cn/zt/1/5/gmmxjzw100z.html" title="给妈妈洗脚作文100字">给妈妈洗脚作文100字</a> <a href="https://100zi.50zi.cn/zt/1/5/zzszwjd100z701.html" title="中专生自我鉴定100字">中专生自我鉴定100字</a> <a href="https://100zi.50zi.cn/zt/1/2/dqx100z.html" title="道歉信100字">道歉信100字</a> <a href="https://100zi.50zi.cn/zt/1/0/zgshgsdhg100z.html" title="中国神话故事读后感100字">中国神话故事读后感100字</a> <a href="https://100zi.50zi.cn/zt/1/3/sbzw100z880.html" title="散步作文100字">散步作文100字</a> <a href="https://100zi.50zi.cn/zt/1/6/gyjydgs100z.html" title="关于交友的故事100字">关于交友的故事100字</a> <a href="https://100zi.50zi.cn/zt/1/6/wchdsbj100z.html" title="五猖会读书笔记100字">五猖会读书笔记100字</a> <a href="https://100zi.50zi.cn/zt/1/3/xcdzw100z.html" title="小草的作文100字">小草的作文100字</a> <a href="https://100zi.50zi.cn/zt/1/5/lhsdhg100z.html" title="落花生读后感100字">落花生读后感100字</a> <a href="https://100zi.50zi.cn/zt/1/6/lfrjyz100z.html" title="雷锋日记一则100字">雷锋日记一则100字</a> <a href="https://100zi.50zi.cn/zt/1/1/wdqqh100z.html" title="我的悄悄话100字">我的悄悄话100字</a> <a href="https://100zi.50zi.cn/zt/1/1/tndqszw100z.html" title="童年的趣事作文100字">童年的趣事作文100字</a> <a href="https://100zi.50zi.cn/zt/1/8/dgchyg100z.html" title="读观沧海有感100字">读观沧海有感100字</a> <a href="https://100zi.50zi.cn/zt/1/3/zqzw100z615.html" title="真情作文100字">真情作文100字</a> <a href="https://100zi.50zi.cn/zt/1/3/xndzw100z655.html" title="小鸟的作文100字">小鸟的作文100字</a> <a href="https://100zi.50zi.cn/zt/1/8/mybjdzw100z.html" title="蚂蚁搬家的作文100字">蚂蚁搬家的作文100字</a> <a href="https://100zi.50zi.cn/zt/1/6/qtdy100zzy.html" title="秋天的雨100字左右">秋天的雨100字左右</a> <a href="https://100zi.50zi.cn/zt/1/8/xptdzw100z.html" title="写葡萄的作文100字">写葡萄的作文100字</a> <a href="https://100zi.50zi.cn/zt/1/9/hhdjs100zzy.html" title="黄河的介绍100字左右">黄河的介绍100字左右</a> <a href="https://100zi.50zi.cn/zt/1/5/yydwdfy100z.html" title="英语短文带翻译100字">英语短文带翻译100字</a> <a href="https://100zi.50zi.cn/zt/1/1/jqsh100z.html" title="假期收获100字">假期收获100字</a> <a href="https://100zi.50zi.cn/zt/1/0/xlb100zzy.html" title="小练笔100字左右">小练笔100字左右</a> <a href="https://100zi.50zi.cn/zt/1/2/yyzw100z456.html" title="游泳作文100字">游泳作文100字</a> <a href="https://100zi.50zi.cn/zt/1/0/zwjs100z.html" title="自我介绍100字">自我介绍100字</a> <a href="https://100zi.50zi.cn/zt/1/9/bhhy100zzy.html" title="保护海洋100字左右">保护海洋100字左右</a> <a href="https://100zi.50zi.cn/zt/1/6/jdggskb100z.html" title="简短鬼故事恐怖100字">简短鬼故事恐怖100字</a> <a href="https://100zi.50zi.cn/zt/1/2/100zysdrj.html" title="100字以上的日记">100字以上的日记</a> <a href="https://100zi.50zi.cn/zt/1/9/yldyxsj100z.html" title="雨来的英雄事迹100字">雨来的英雄事迹100字</a> <a href="https://100zi.50zi.cn/zt/1/7/xkdrj100z.html" title="小蝌蚪日记100字">小蝌蚪日记100字</a> <a href="https://100zi.50zi.cn/zt/1/2/wzw100z795.html" title="微作文100字">微作文100字</a> </div> <div class="more">展开</div> </div> </div> <div class="copyRight pc"> <p class="left">100字范文 免责声明<span></span>© 2024 All Rights Reserved.</p> <p class="right"><a href="http://beian.miit.gov.cn/" target="_blank" rel="external nofollow">湘ICP备2024057051号</a><span></span><a href="/sitemap.html" target="_blank">网站地图</a><span></span><a href="/sitemap.xml" target="_blank">XML</a><span></span></p> </div> <div class="copyRight mobile"> <p>© 2024 All Rights Reserved.</p> <p><a href="/">100字范文</a> 免责声明<span></span></p> </div> </div> <div id="backTop" class="none"></div> <script type="text/javascript">op('content',67768222,1);</script> </body> </html>