Maison > interface Web > tutoriel HTML > HTML编写需要注意的事项_html/css_WEB-ITnose

HTML编写需要注意的事项_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:37:18
original
1260 Les gens l'ont consulté

HTML在编写过程中需要注意许多关键的事项,就如最近我在学习中遇到的问题如下:

  • 代码规范问题:
  •              在代码视图中编写代码,一定要规范的格式,不要把代码全部都写到一块,这样不仅影响效率,更加影响视觉,当出现问题的时候往往很难找到原因所在,比如,我在编           写HTML标签的时候总是每个标签都顶格写,结果今天在实验的时候,出现了错误,自己看着自己的代码找问题都想着急,最后根据嵌套的层数找到了原因,缺少了结束标签             导致的严重错误,所以谨记要把代码格式写规范;

  • 布局问题:
  •               在设计网页时,应该首先构造好网页的整个框架,然后对每个框架逐一进行完善,这样当那个部分出现问题的时候,我们就可以单独找到那个模块进行修改,例如我们刚          刚学到的div+css这一部分的时候,应该先创建一个总的容器,然后在容器中逐一添加登录、导航、广告展示、主要内容、版权信息等各个模块,设置好各自的css样式,然后             再进行进一步的细化。在这样的设计中,如果不先设计好总的结构,div的位置就会错乱,那样就不能很清晰地找到发生状况的原因;

  • 输入问题:
  •               一定要正确输入标签。输入标签时,不要输入多余的空格,否则浏览器可能无法识别这个标签,导致无法正确地显示信息。各种符号一定要在英文状态下输入,否则不会          显示正确的效果。源代码不区分大小写;

  • 属性设置问题:
  •               相应的标签对应着自己的属性,因为各个标签对应的属性实在是太多了,很容易混淆,如果我们想给某个标签内的内容设置相应的属性,我们必须在该标签内找到相应的          属性方法进行设置,比如将

    的宽度设置为700、边框宽度设置为1、单元格间距为0,相应的代码设置是:
  • 引用问题:
  •               当我们在外部设置了css样式,并且要引用这个样式表时,我们必须要在

    标签内添加标签,如外部样式表为style.css,那么我们需要在head标          签中添加的是,首先href是引入样式的地址必不可少,rel定义了文档与链接的关系,stylesheet是定义一             个外部加载样式表。

                  当要在网页总插入图片或设置背景图片是也必须得引入,这就到了关键时刻了,如插入图像HTML编写需要注意的事项_html/css_WEB-ITnose标签中的src是引入的路径可以是绝对路径,也可以是相对路径,      但是我们一般都使用相对路径,因为我们平时做的东西肯定会由于某种原因改变位置或者移动到其他机器上,如果我们使用了绝对路径,那么他就不能准确的找到图片的位置了,        但是使用相对路径后,只要我们把包含网页和图片的目录文件打包好统一放到一起,不管我们把它移到哪,我们都可以准确得找到并引入该图像……

     

     

    (本博文纯属原创)

    还有许多要注意的事项还需我们在实践中发现它,如果看到我博文的友友们有什么建议或者发现博文的问题的请指教,期待和你们共同学习共同进步!
    Copier après la connexion

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal