博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML编写需要注意的事项
阅读量:5026 次
发布时间:2019-06-12

本文共 1319 字,大约阅读时间需要 4 分钟。

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

  • 代码规范问题:

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

  • 布局问题:

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

  • 输入问题:

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

  • 属性设置问题:

              相应的标签对应着自己的属性,因为各个标签对应的属性实在是太多了,很容易混淆,如果我们想给某个标签内的内容设置相应的属性,我们必须在该标签内找到相应的          属性方法进行设置,比如将<table>的宽度设置为700、边框宽度设置为1、单元格间距为0,相应的代码设置是:<table width="700" border="1" cellspacing="0" >;

  • 引用问题:

              当我们在外部设置了css样式,并且要引用这个样式表时,我们必须要在<head></head>标签内添加<link>标签,如外部样式表为style.css,那么我们需要在head标          签中添加的是<link href="css/style.css" rel="stylesheet" type="text/css"/>,首先href是引入样式的地址必不可少,rel定义了文档与链接的关系,stylesheet是定义一             个外部加载样式表。

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

 

 

(本博文纯属原创)

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

转载于:https://www.cnblogs.com/zhangxiaopeng/p/4789653.html

你可能感兴趣的文章
邮件中的样式问题
查看>>
AJAX 状态值与状态码详解
查看>>
php面向对象编程(oop)基础知识示例解释
查看>>
1.在数组中找到与给定总和的配对
查看>>
树的子结构
查看>>
关于根据Build Platform或者OS 加载x86或者x64 dll的问题
查看>>
程序员高效开发的几个技巧
查看>>
js-权威指南学习笔记19.2
查看>>
hexo 搭建博客
查看>>
关于 UIWebView 几个高级用法
查看>>
maven创建的项目中无法创建src/main/java 解决方案
查看>>
华为软件开发云测评报告二:代码检查
查看>>
集合1
查看>>
js 原生 ajax
查看>>
关键词 virtual
查看>>
建造者模式(屌丝专用)
查看>>
UVALive 4730 Kingdom +段树和支票托收
查看>>
[APIO2010]特别行动队
查看>>
[SCOI2016]幸运数字
查看>>
SpringBoot 集成ehcache
查看>>