作为一名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 查阅。

web开发——入门篇（上）的更多相关文章

  1. Web开发入门学习笔记

    公司web项目终于要启动了,本以为django学习可以在实战中进行,结果最终使用了Drupal框架,好吧,那我们就PHP走起,买了本<细说PHP>,先跟着过一遍Web开发入门. HTTP协 ...

  2. java WEB开发入门

    WEB开发入门 1 进入web JAVASE:标准- standard   JAVA桌面程序 GUI    SOCKET JAVAEE:企业-浏览器控制  web 2 软件结构 C/S :client ...

  3. Apache Maven 入门篇 ( 上 )

    作者:George Ma 写这个 maven 的入门篇是因为之前在一个开发者会的动手实验中发现挺多人对于 maven 不是那么了解,所以就有了这个想法. 这个入门篇分上下两篇.本文着重动手,用 mav ...

  4. [转]Apache Maven 入门篇 ( 上 )

    原文地址:Apache Maven 入门篇 ( 上 ) 作者:George Ma 写这个 maven 的入门篇是因为之前在一个开发者会的动手实验中发现挺多人对于 maven 不是那么了解,所以就有了这 ...

  5. 【python】 web开发入门

    进入Web开发 现在你完成了Python忍者训练,准备深入Ptyhon的Web开发,但现在的问题是有很多的框架,从中选择最好的框架非常困难,但从初学者的角度出发,Flask基本Web框架将非常适合We ...

  6. day04 Java Web 开发入门

    day04 Java Web 开发入门 1. web 开发相关介绍 2. web 服务器 3. Tomcat服务器启动的问题 4. Tomcat目录结构 5. Web应用程序(虚拟目录映射,缺省web ...

  7. Web开发入门经典：使用PHP6、Apache和MySQL 中文pdf扫描版​

    通过学习本书,读者很快就能明白为什么PHP.Apache和MySQL会迅速成为开发动态网站最流行的方式,本书将为读者理解这3个核心组件如何独立工作和协同工作奠定良好的基础,引导读者充分利用它们提供的各 ...

  8. PHP Web开发入门流程

    在学习WEB开发前,至少有一个对C或者计算机编程任何一种语言的基本学习,这会对你以后的开发有一定的启蒙作用. 一.Web开发入门 推荐学习网址: http://www.w3school.com.cn/ ...

  9. 《python开发技术详解》|百度网盘免费下载|Python开发入门篇

    <python开发技术详解>|百度网盘免费下载|Python开发入门篇 提取码:2sby  内容简介 Python是目前最流行的动态脚本语言之一.本书共27章,由浅入深.全面系统地介绍了利 ...

随机推荐

  1. 异常处理汇总 ~ 修正果带着你的Code飞奔吧！

    异常处理汇总-运维系列 http://www.cnblogs.com/dunitian/p/4522983.html 异常处理汇总-开发工具  http://www.cnblogs.com/dunit ...

  2. WordPress主题开发：按分类调用文章

    调用catid为2的分类下的文章,就是后台分类链接的tag_ID <?php $cat_query = new WP_Query(array( 'cat' => '2' )); ?> ...

  3. Spring中Mybatis的花样配置 及 原理

    摘自: https://www.jianshu.com/p/fc23c94fc439

  4. Git结合tar自动打升级包

    背景最近在看Git,那么看了之后就需要用Git来解决一些工作中遇到的问题,学了不能用在工作中,等于白学. 这次遇到的问题是打包升级的问题,我们公司目前还处于最原始的手工打更新包的状况,每次打包都要找开 ...

  5. DroneCI启用privileged

    https://www.aliyun.com/jiaocheng/123155.html?spm=5176.100033.2.5.EIV4p6 drone的服务需要配置DRONE_ADMIN环境变量, ...

  6. 全面解决.Net与Java互通时的RSA加解密问题，使用PEM格式的密钥文件

    作者: zyl910 一.缘由 RSA是一种常用的非对称加密算法.所以有时需要在不用编程语言中分别使用RSA的加密.解密.例如用Java做后台服务端,用C#开发桌面的客户端软件时. 由于 .Net.J ...

  7. LIBTUX_CAT:466: ERROR: tpopen TPERMERR xa_open returned XAER_INVAL

    tmboot 启动Tuxedo服务失败,从ULOG日志中看到以下错误: 100534.MATHXH!TMS_ORA10G.22600.4076.0: LIBTUX_CAT:466: ERROR: tp ...

  8. Java 连接MongoDB集群的几种方式

    先决条件 先运行mongodb肯定是必须的,然后导入以下包: import com.mongodb.MongoClient; import com.mongodb.MongoClientURI; im ...

  9. 深入理解Linux内存分配

    深入理解Linux内存分配 为了写一个用户层程序,你也许会声明一个全局变量,这个全局变量可能是一个int类型也可能是一个数组,而声明之后你有可能会先初始化它,也有可能放在之后用到它的时候再初始化.除此 ...

  10. MySql基本查询、连接查询、子查询、正则表达查询解说

    林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 查询数据指从数据库中获取所须要的数据.查询数据是数据库操作中最经常使用,也是最重要的操作.用户 ...