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是引入的路径可以是绝对路径，也可以是相对路径，      但是我们一般都使用相对路径，因为我们平时做的东西肯定会由于某种原因改变位置或者移动到其他机器上，如果我们使用了绝对路径，那么他就不能准确的找到图片的位置了，        但是使用相对路径后，只要我们把包含网页和图片的目录文件打包好统一放到一起，不管我们把它移到哪，我们都可以准确得找到并引入该图像……

HTML编写需要注意的事项的更多相关文章

  1. 从零开始攻略PHP（6）——代码重用与函数编写的一些注意事项

    一个新的项目是这样创建的:它将已有的可重新利用的组件进行组合,并将新的开发难度降低到最小. 代码重用的好处:降低成本.提升可靠性和一致性. 1.使用require()和include()函数 使用一条 ...

  2. PHP学习（6）——代码重用与函数编写的一些注意事项

    一个新的项目是这样创建的:它将已有的可重新利用的组件进行组合,并将新的开发难度降低到最小. 代码重用的好处:降低成本.提升可靠性和一致性. 1.使用require()和include()函数 使用一条 ...

  3. java编写规范及注意事项

    java编写规范及注意事项 1.注释 常见注释有三种  //   /**/ /****/ 如何才能写出漂亮的注释呢,注释的目的就是为了使你的代码让人更容易理解和维护,写一手好的注释是一个优秀码农的基本 ...

  4. 编写css相关注意事项以及小技巧

    一.小技巧 1.对于开始写网站css之前一般都要对css进行重置(养成写注释的习惯): ;;} body{font-size:16px;} img{border:none;} li{list-styl ...

  5. HelloWorld编写过程中注意事项

    一.package关键字 * package表示当前代码所属的包(package),是一种组织结构.其他package通过包名调用这个包下内容* package是必须的,每个文件的package必须存 ...

  6. makefile复习时发现的编写makefile规则注意事项

    博客中关于makefile的博文数不胜数,比较经典的都很相似,下面这一片,很全面,只是很长,可以作为参考资料:http://blog.csdn.net/liang13664759/article/de ...

  7. Delphi调用C#编写的WebService 注意事项

                            返回的字段值区分大小写,c#和Delphi的字段要一致

  8. EDM文件编写规范及注意事项

    [设计EDM邮件] (1)乱码:你没法知道所有用户的系统环境,因此使用utf8来避免乱码是非常重要的 (2)绝对URL:若是相对URL,用户在打开页面是将看不到图片 (3)图片Alt属性:大多数邮件服 ...

  9. TypeScript 的声明文件的使用与编写

    https://fenying.net/2016/09/19/typings-for-typescript/ TypeScript 是 JavaScript 的超集,相比 JavaScript,其最关 ...

随机推荐

  1. （原）3.1 Zookeeper应用 - Master选举

    本文为原创文章,转载请注明出处,谢谢 Master 选举 1.原理 服务器争抢创建标志为Master的临时节点 服务器监听标志为Master的临时节点,当监测到节点删除事件后展开新的一轮争抢 某个服务 ...

  2. HTML5树叶飘落动画

    查看效果:http://keleyi.com/keleyi/phtml/css3/15.htm 请使用Chrome浏览器查看本效果. html源代码: <!DOCTYPE HTML> &l ...

  3. node学习笔记

    一.准备(github地址) 什么是Javascript? ... Javascript能做什么? ..... 浏览器中的Javascript可以做什么? 操作DOM(增删改查) AJAX/跨域 BO ...

  4. jQuery实现选项联动轮播

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. 天津政府应急系统之GIS一张图（arcgis api for flex）讲解（五）地图切换以及图层显示模块

    config.xml文件的配置如下: <widget right="20" top="55" config="widgets/MapSwitch ...

  6. iOS 开发技术牛人博客

    dark_gmn 的博客   http://blog.csdn.net/dark_gmn?viewmode=contents Tel_小超 的博客  http://blog.csdn.net/qq_2 ...

  7. 在Autodesk应用程序商店发布基于浏览器的Web应用程序

    你一定已经听说过Autodesk应用程序商店了,通过Autodesk应用程序商店,你可以免费下载或购买来自全球的优秀开发者发布的应用程序,来帮助你更快更方便的完成你的工作.而且作为开发者,您也可以在A ...

  8. Android—ZXing二维码扫描遇到的问题

    最近工作中需要开发带有二维码扫描功能的软件(基于开源项目ZXing),遇到的问题记录一下,也希望给大家带来帮助. 1.首先因为扫描要开摄像机所以加权限是一定的,不然后面什么都不能进行 <uses ...

  9. iOS多线程之5.GCD的基本使用

      上一篇文章我对GCD的几个基本概念做了介绍,但是大家看完了可能觉得对理解GCD并没有什么卵用.其实会用GCD其实很简单,只要记住两条就可以了. 1. 主队列里的任务必须在异步函数中执行.   主队 ...

  10. Touch ID使用

    前言:如果图片看不了请移步:简书 Touch ID简介 Touch ID指纹识别作为iPhone 5s上的"杀手级"功能早已为人们所熟知,目前搭载的设备有iphone SE.iPh ...