作为一名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期不定期更新。

Mr.聂 带你成为web开发大牛——入门篇（上）的更多相关文章

  1. 【ZZ】Web开发的入门指导 | 菜鸟教程

    Web开发的入门指导 http://www.runoob.com/w3cnote/a-beginners-guide-to-web-development.html

  2. Laravel 教程 - Web 开发实战入门 ( Laravel 5.5 )购买链接

      Laravel 教程 - Web 开发实战入门 ( Laravel 5.5 )购买链接: 推荐给你高品质的实战课程 https://laravel-china.org/courses?rf=158 ...

  3. 详细阐述Web开发中的图片上传问题

    Web开发中,图片上传是一种极其常见的功能.但是呢,每次做上传,都花费了不少时间. 一个"小功能"花费我这么多时间,真心不愉快. So,要得认真分析下原因. 1.在最初学习Java ...

  4. 基于hi-nginx的web开发（python篇）——使用jinja2模板引擎

    模板引擎的使用在web开发中是不可避免和必要的.hi.py框架使用jinja2作为模板引擎. 为了使用hi.py提供的jinja2引擎,首先需要引入它: from hi import hi,templ ...

  5. 移动WEB开发基础入门

    什么是移动WEB开发,我个人理解就是,将网页更好的显示在移动端的一些设置,简单来说就两点如下: 1.流式布局,即百分比自适应布局 将body下的div容器的样式设置如下: div{ width:100 ...

  6. ASP.NET Web API 之一 入门篇

    一.基于RESTful标准的Web Api 原文讲解:https://www.cnblogs.com/lori/p/3555737.html 微软的web api是在vs2012上的mvc4项目绑定发 ...

  7. 【数据库】Mean web开发 04-MongoDB在Linux上的安装及遇到的问题

    简介 Mean是JavaScript的全栈开发框架.更多介绍 用MongoDB实现持久数据的存储是Mean Web全栈开发中的一部分. MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非 ...

  8. Flask Web开发从入门到放弃(一)

    第1章 章节一 01 内容概要 02 内容回顾 03 路飞学城之加入购物车 04 路飞学城之结算 05 路飞学城之立即支付 06 路飞学城之后续计划 07 Flask框架简介和快速使用 08 FLas ...

  9. java Web开发实现手机拍照上传到服务器

    第一步: 搭环境,基本jdk 1.6+apache tomcat6.0+myeclipse2014 1.我们要清楚自己的jdk版本.因为我们Apache Tomcat配置的成功的前提是版本相对应. 安 ...

随机推荐

  1. iOS网络高级编程：iPhone和iPad的企业应用开发（书籍学习）

    作者:Jack Cox.Nathan Jones.John Szumski 译者:张龙  勘误  前言  第 I 部分 理解iOS与企业网络 这一部分从高层次概览了iOS网络以及针对移动网络架构的最佳 ...

  2. YII 1.0 (7) 登录信息调取 session使用

    登陆信息调取 Yii::app()->user->name,调取登陆的session信息 登录时 调用了 $LoginForm->login() 这个方法上面就能够取到登录的用户名 ...

  3. 使用（Drawable）资源——LayerDrawable资源

    与StateListDrawable有点类似,LayerDrawable也可包含一个Drawable数组,因此系统将会按这些Drawable对象的数组顺序来绘制它们,索引最大的Drawable对象将会 ...

  4. endnote X7 加入文献

    endnote可以管理文献,并且在word中方便的添加参考文献. 1.加入文献: 2.导入以后可以创建自己的group,然后把导入的参考文献拖到group里,这样方便在插入参考文献的时候用group名 ...

  5. php Excel文件导入 Spreadsheet_Excel_Reader

    刚刚开通博客,希望能够通过博客的形式记录自己的学习与成长,同时也希望能够和路上的同僚们多交流,共同进步 小白  ->  大神  go! go! go!! 先总结一下前几天写的Excel导入吧,希 ...

  6. word中利用宏替换标点标点全角与半角

    Alt+F11,然后插入-模块: 复制下面代码到编辑窗口: Sub 半角标点符号转换为全角标点符号() '中英互译文档中将中文段落中的英文标点符号替换为中文标点符号 Dim i As Paragrap ...

  7. HDU-1701-ACMer

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=1701 解题: 好久没做题,好久没写解题思路了,连简答题都不会做了,下午的月赛挂了,我悲剧了,在此发牢骚 ...

  8. Eclipse指定JDK版本 Failed to load the JNI shared JVM.dll

    Eclipse指定JDK版本 Failed to load the JNI shared JVM.dll 打开eclipse.ini添加 -vm C:/Java/jdk1.6.0_02/bin 参考: ...

  9. 通过浏览器navigator判断浏览器版本或者手机类型&&判断微信访问

    javascript 的navigator属性,不常用,但是用处也不少,主要用处是在做浏览器兼容的问题的时候,现在有的网站已经不兼容IE6,用户假如用IE6浏览网页的话,会提示浏览器升级等信息.或者判 ...

  10. JDBC 的编程步骤

    1.加载数据库驱动 2.获得数据库连接 3.创建语句 4.执行查询 5.遍历结果集 6.关闭数据库连接 尽量把数据库的连接步骤写成一个单独的java类,使用的时候直接new一个对象, import j ...