码迷,mamicode.com
首页 > Web开发 > 详细

适合0基础的web开发系列教程-教程概述

时间:2018-10-15 14:58:08      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:推荐   script   开发环境   css3   jquery   毕业   网页   超文本标记语言   工具   

教程概述

各位网友大家好,我是夜鹰教程网的汤老师,从今天开始,我准备写一套web前端开发的教程。

适合0基础的朋友,从最简单的html开始。

力争做到学完全套教程能在IT行业就业的水平。

特别适合应届毕业生、已上班但是想转行的朋友、喜欢前端开发的业余爱好者。

学习路线为:

html =>css=>javascript=>jquery=>h5=>css3=>nodejs=>mongodb=>git>grunt=>webpack=>less=>sass=>bootstrap=>vue/react/angularjs=>webapp=>微信小程序=>全栈开发=>Typescript/es6/es7=>其他。

本套教程由配套的视频教程,后续会开在线直播,敬请关注。

由于本人水平有限,加上时间紧迫,如果对文章有异议或者需要远程技术支持,请联系QQ:1416759661 微信号:yyjcw10000 

官网地址:https://www.yyjcw.com

 

什么是html

html是超文本标记语言(英语:HyperText Markup Language,简称:HTML).

所谓的超文本,就是在网页中传输的内容不仅仅是文本,还可能包含图片、音乐、视频等其他多媒体内容。

html主要就是用来做网页的。

不管是pc端,还是移动端的网页,都必须用html来编写,通过浏览器来解析。

 

 

第一个网页代码

下面来看第一个简单的html页面代码:

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>夜鹰教程网(yyjcw.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

  

一个网页就是由这种成双成对的代码组成的。

<!DOCTYPE html> :文档声明,浏览器在解析这个文档的时候,就知道是一个html文档,就按照html文档的方式来解析它。

<html>和</html> :整个文档的根节点。

<head>和</head> :网页的头部。

<title>和</title>:显示网页的标题。

<body>和</body> :body里面定义的内容就会在浏览器里面显示。

h1:表示显示一个标题。
p :显示一个段落。

开发环境

这些代码写在哪里,又在哪里才能看到效果?

你需要安装两款工具:hbuilder 和 chrome浏览器

开发html代码可以使用任何一款文本编辑器,比如hbuilder、subline、webstorm、记事本等。
初学者推荐使用hbuilder这个工具。

下载地址:
http://download.dcloud.net.cn/HBuilder.9.1.25.windows.zip

这个工具是绿色版本的,解压就可以使用。
打开后新建一个web站点,在站点里面新建一个html文件,然后就可以编写html代码了。

 

 

技术分享图片

技术分享图片

技术分享图片

技术分享图片

第一个页面就介绍到这里。

适合0基础的web开发系列教程-教程概述

标签:推荐   script   开发环境   css3   jquery   毕业   网页   超文本标记语言   工具   

原文地址:https://www.cnblogs.com/yyjcw/p/9789979.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!