作为一名IT届的后生,当初也经历过懵懂无知的实习期,对那种无力感深有体会。在这,希望能用我这几年的开发经验,让各位即将踏入或者刚刚踏入web开发领域的新人们少走些弯路。鉴于这是入门篇,下面我就从零为大家介绍。

  这里我主要介绍基于 H5,CSS,JS,PHP的web开发,入门篇的内容简单,完全可以自学,下面就为大家整理些制作静态网页的基础知识。以下是HTML5的内容。

  HTML5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言HTML)的第五次重大修改。博主我用的是HBuilder做开发,下面具体介它的常用标签,若有介绍不详尽的地方或者难以理解的地方,请浏览 w3cschool查看,或者是给我留言。

  

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>

  </body>

</html>

  以上是HTML5文件的基本结构,HTML5的基本元素是标签,每个标签都有自己的功能,一条条标签组成了一个HTML5文档。如上图,HTML结构主要包括三大部分:文档声明部分、<head>头部部分、<body>主体部分。!DOCTYPE 文档声明,html则是被声明的文档类型,<!DOCTYPE html>说明这是一个html文档,这句是我们必须写且写在最开头的东西。<html></html>是一对标签,表明以下是这个html文档的内容了,此标签可以省略(但是博主不推荐初学者省略,以博主多年工作经验来看,养成一个严禁优良的开发习惯对程序员以后影响是很大的),<head></head>他是html文档的头部,里面放这个网页的标题,字符集编码格式,及一些CSS文件链接。<body></body>是html文档的身体部分,里面放的是html文档具体内容的格式要求。html文档的其他标签都放在<head></head>和<body></body>当中。

 下面说一下html文档的使用规范:

  1.标签是html最基本单位和最重要的组合。
  2.标签使用 <> 扩起来
  3.标签是成对存在的<head>是开始,</head>他就是结束(当然也有半闭合标签,这个我们后续介绍)

  4.标签有属性,而标签的属性有属性值(这个我们将在后面详细介绍)
  5.标签的属性和属性值必定是成对出现,而且一个标签可以有多个属性

 现在我们介绍一下head中的常用标签:

  1.link 标签,用来链接网页图标或者CSS文件的。

       <link rel="icon" type="image/x-icon" href="img/QQ截图" />

    上述代码,rel,type和href都是link标签的属性,所谓属性就是,比方说,一个人可以有勇敢、聪明 、漂亮等很多特点来描述他,这些就是属性,而漂亮又可以分为倾国

  倾城,一般漂亮等多个程度,这些修饰漂亮的程度就是属性值。好了,我们继续之前的话题。  rel属性,声明链接文件的类型,说明你链接的文件是啥样的;type 可以省略,

  这里暂且不详尽介绍; href属性,表示你所连接文件的路径地址。以上是link标签的常用属性,其他属性大家可以百度  w3cschool 查阅。

  今天的博客就先写到这,后续内容博主会坚持1~3期不定期更新。

最新文章

  1. 换行的css属性
  2. 《转》Unity3D研究院之UGUI一个优化效率小技巧
  3. SqlServer--代码创建约束
  4. myEclipse中新建的项目导入到Eclipse之后项目出现一个红色的叉叉
  5. asp.net 查询,导出
  6. Django1.7.1设置TEMPLATE_DIRS
  7. Linux内核定时器
  8. WebAPI 用ExceptionFilterAttribute实现错误(异常)日志的记录(log4net做写库操作)
  9. Symfony命令大全
  10. HDU - 1083 Courses /POJ - 1469
  11. Python内置函数进制转换的用法
  12. CSS常见英语单词属性一览
  13. Robot Return to Origin
  14. Confluence 6 数据库和临时目录
  15. 自动化中app支持schema跳转
  16. 设计模式之Decorator(油漆工)(转)
  17. 在im4java中使用GraphicsMagick
  18. LDAP属性对照表
  19. Centos 安装 erlang 环境
  20. EurekaServer集群配置

热门文章

  1. python pandas dataframe to_sql方法error及其解决
  2. instanceof typeof
  3. linux 自动备份脚本
  4. sklearn数据预处理-scale
  5. 在centos 6.5 x64中安装 spark-1.5.1
  6. B-JUI 实践 之 带搜索与编辑的Datagrid
  7. swift版 关于微信支付的那点事
  8. Cocoa 新的依赖管理工具:Carthage
  9. Servlet的请求HttpServletRequest
  10. Error while registering Oracle JDBC Diagnosabilityh