• <legend id='78x2863i'><style id='7kfajgds'><dir id='q6c9pcok'><q id='a8qr25to'></q></dir></style></legend>

        <tfoot id='3bxre5le'></tfoot>
          <tbody id='8wxttb7q'></tbody>

        <i id='b2u9y21a'><tr id='ct35iy8n'><dt id='lfxovs3b'><q id='8z6oafyj'><span id='nnqsrgyk'><b id='e539m78o'><form id='ouyigaf7'><ins id='vza53koz'></ins><ul id='elq83o47'></ul><sub id='iai0bb5r'></sub></form><legend id='gle4kp5f'></legend><bdo id='e1gzaks4'><pre id='icemf5bf'><center id='nsxsvqgz'></center></pre></bdo></b><th id='tlezzaqc'></th></span></q></dt></tr></i><div id='ud7yzjyu'><tfoot id='pb292k3k'></tfoot><dl id='ytzmkd4v'><fieldset id='l0macwup'></fieldset></dl></div>

        <small id='0ab502dv'></small><noframes id='zotwrrj8'>

      1. 网站建设公司当前位置 : 网站建设公司 > 知识普及

        菜鸟学网站开发入门之(一)—— 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都不懂就谈不上什么网站开发了,况且它也不难。
         
        具体的教程可以去“慕课网”、“菜鸟教程”上查找,哪里的入门教程都非常不错。
         
          <legend id='vplpynkp'><style id='7ylntqwi'><dir id='3slu05c6'><q id='pobaissf'></q></dir></style></legend>
          <tfoot id='1i04vo2o'></tfoot>
                <tbody id='5n9hzcp7'></tbody>

              <small id='qk0wm7bw'></small><noframes id='23w9vvxt'>

              <i id='n8pn075o'><tr id='o8yyjtk2'><dt id='uqr6z1vs'><q id='va5rnwk2'><span id='b721b4hq'><b id='wir1yntl'><form id='nbg3qqkr'><ins id='ii06pa7y'></ins><ul id='v1fqrr4p'></ul><sub id='a6m1novz'></sub></form><legend id='ue0xqaf6'></legend><bdo id='aw0muxh8'><pre id='ejh32ozx'><center id='ni5d9m3r'></center></pre></bdo></b><th id='yq4fa3j5'></th></span></q></dt></tr></i><div id='5s54fj6f'><tfoot id='fw65rohb'></tfoot><dl id='ce0bzk1y'><fieldset id='wxezldkz'></fieldset></dl></div>
            1. 本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。

              上一篇:初学者如何学习网站开发 小程序开发上一篇
                <tbody id='9llaov6a'></tbody>
            2. <small id='0o6tetma'></small><noframes id='fvccmrcx'>

                <tfoot id='g4c4epck'></tfoot>

                  <i id='tkkxmjd2'><tr id='h53wzdew'><dt id='vi3to7oj'><q id='o4t2o24y'><span id='3pjvou1a'><b id='emb8bf6i'><form id='60p2ai1v'><ins id='yunuvfzf'></ins><ul id='fncvkikd'></ul><sub id='fnlr31ev'></sub></form><legend id='qvvu71hg'></legend><bdo id='nwulq6qp'><pre id='ip30kqz2'><center id='8le2dhmy'></center></pre></bdo></b><th id='g7rbuy7c'></th></span></q></dt></tr></i><div id='oo0jatfc'><tfoot id='usuqkohl'></tfoot><dl id='vicjv1hx'><fieldset id='4f4ywcxh'></fieldset></dl></div>

                  <legend id='cu2i3vtf'><style id='8772z7ck'><dir id='wnxyyvko'><q id='2otaajft'></q></dir></style></legend>