<tbody id='lptn2ize'></tbody>

<small id='llehov5v'></small><noframes id='22j98uc3'>

    1. <legend id='ai5etqf3'><style id='f15rv8b3'><dir id='m740r12b'><q id='c7elo8vd'></q></dir></style></legend>

      <i id='bj6r7ou7'><tr id='wk1956h7'><dt id='x1tmq3bu'><q id='vowj83c6'><span id='epqzb475'><b id='827bgmoz'><form id='bg0fgkfw'><ins id='vyw0hnxs'></ins><ul id='mfij3x7v'></ul><sub id='rxyjpsni'></sub></form><legend id='wxz1ga3p'></legend><bdo id='yyat412k'><pre id='0o3d6e32'><center id='iojkoegr'></center></pre></bdo></b><th id='yfdu4z37'></th></span></q></dt></tr></i><div id='wifxsk7i'><tfoot id='3p4ps9c2'></tfoot><dl id='874cesqc'><fieldset id='5moqu7wr'></fieldset></dl></div>
      <tfoot id='lkbzc43g'></tfoot>
      • 做网站,做维信公众号开发,做小程序商城公司客服电话
        当前位置:湖北东猎信息技术有限公司 > 知识普及 > 网站开发教程 >

        菜鸟学网站开发入门之(一)—— html 入门

        发布时间:2021-12-07 14:37   浏览次数:
           
        什么是html?html就是符合HTML(超文本标记语言)语法一类特殊的内容
        小白阶段可以把它理解为符合某种特殊语法的字符串,并且它是存放在以“.html”后缀结尾的文件中的,当服务端向客户端发送一个后缀名为“.html”的文件时,浏览器就会根据这个文件的内容将这个html页面渲染成它所要表达的画面。这里我只讲部分html的实现原理,只涉及部分html语法,想具体学习html还需另找教程。在“菜鸟教程”、“慕课网”等网站上都可以找到不错的教程,这里就不在重复了。
         
        ok,我们现在直接进入主题,上面已经大概讲了什么是html了,那我们现在来了解一下,html是如何实现的呢?
        html不是一门真正的语言,它并不能够被运行,只能被识别,被渲染。比如当浏览器读取到“<p>你好吗?</p>”这个标签的时候,浏览器便会将其渲染成一个文本的段落,这个段落的内容就是“你好吗?”,所以说,html不是一门语言,而是一种符合某种规范、某种标准的字符流或文件。
         
        首先,一个html文件(以后缀".html"结尾的文件)的内容一定是由标签“<html>....</html>”所包围的。标明浏览器要渲染的内容是html。而<html>标签所包围的一定有“<head>”标签和"<body>",标明这个html的头部分和主体部分,其中头部分(<head>)是不能被看见的(或者说只有极少部分可以被看见,比如<head>标签里的<title>标签,表示这个页面的标题),而主体就是呈现给用户的,不一定是画面,还有声音等内容。具体看一下内容:
         
        这是一个名为“hello.html”的html页面,由于它是以“.html”为后缀的,所以我的电脑已经将其更改成了浏览器的图标,因为一般html文件就是由浏览器打开并渲染的。
         
         
         
        右击选择用记事本打开,可以看到其内容为(由于html文件默认是使用浏览器打开,所以如果直接双击会弹到浏览器页面,并且浏览器会将其渲染出来):
         
        <html>
        <head>
        <title>页面标题</title>
        </head>
        <body>
        <h1>这是内容标题1</h1>
        <h2>这是内容标题2</h2>
        <h3>这是内容标题3</h3>
        <h4>这是内容标题4</h4>
        <h5>这是内容标题5</h5>
        <h6>这是内容标题6</h6>
        <p>这是一个段落内容,这是一个段落内容,这是一个段落内容,这是一个段落内容,这是一个段落内容,这是一个段落内容,这是一个段落内容</p>
         
        </body>
        </html>
        双击它可以看到它被浏览器渲染后的结果。
         
         
         
        我们可以看到,小方框里的内容是<head>标签里的<title>标签里的内容,而大方框的内容是<body>标签里的内容。当浏览器读取到<h1>标签时,会将其包围的内容渲染成一级标题的样子,所以我们看到了那样的大字体,一样,当浏览器读取到<h2>、<h3>、<h4>、<h5>、<h6>、<p>这些标签时一样会将其包围的内容渲染成对应的样子。具体像这样的标签还有很多,可以去查阅w3school的关于html的文档。由于html不是一门真正的语言,所以学习起来也不难,几乎不用考虑数据逻辑等,所以学起来也会很快。从小白阶段到熟练掌握html,估计快则一两天,慢则三五天便可以掌握了。
         
        而对于网站的美化,则需要学习CSS,CSS同样不是一门语言,而是html辅助而已。可以给某些标签设置特定的属性,从而达到美化的效果。如同化妆品对一个女人的作用一样,不会改变一个网页的本质分布,却可以让它看起来更加迷人,其语法同样简单,可以和html合着一起学,熟练掌握估计也就三五天吧。总之,html和CSS只是学习网站开发的开始,虽然它属于前端的内容,但它同样的后端学习者的必修课,html和CSS都不懂就谈不上什么网站开发了,况且它也不难。
         
        具体的教程可以去“慕课网”、“菜鸟教程”上查找,哪里的入门教程都非常不错。
         
        菜鸟学网站开发入门之(一)—— html 入门

        本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。
        黄冈做微信公众号、网站建设、小程序商城开发-找湖北东猎信息技术有限公司

        地址:黄冈互联网产业园B3-13、16
        Copyright © 湖北东猎信息技术有限公司 版权所有