码迷,mamicode.com
首页 > 其他好文 > 详细

开始学习前端开发吧

时间:2016-12-04 20:51:23      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:lin   最大的   最好   是你   pre   css   字体   文本   lan   

据说最好的输入是输出,所以听我讲给你听我学到的东西吧。

学习前端入门时,无论在哪儿都告诉我们,要学习HTML+CSS+JS。google之,得到html是超文本标记语言(英语:HyperText Markup Language,简称:HTML)。  标记语言,意味着这个不是编程语言,而是用来标记文本的,把标题标记为标题,段落标记为段落,这样,浏览器就能知道这些文字是什么,并用更好的格式显示出来,换句话说,如果你仅仅使用HTML+CSS制作一张网页,上面的各种特效、格式,是你选择出来,而不是制作出来的。

接下来看一份普通的HTML文件的内容吧。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>这是网页标题</title>
 5         <link rel="style" type="text/css" href="style.css">
 6         <style></style>
 7         <script type="text/javascript" src="js.js"></script>
 8         <script></script>
 9     </head>
10     <body>
11         <h1>这是最大的标题</h1>
12         <p>这是段落</p>
13     </body>
14 </html>

这个标记语言的标记文字的方法很简单,就是

<xxx>被标记的内容</xxx>

他们成对出现,后面的“标签”比前者多一个“/”

还有另一种标签,不成对出现,如<!DOCTYPE html>

 

我们从上往下解释上面这个html文档的内容吧。

1.<!DOCTYPE html> 历史问题,用于告诉浏览器这是个HTML5的网页,意思就是说还有旧版本的html,而旧版本又需要定义一些别的东西。但是不用管,以后都是<!DOCTYPE html>了,嗯,大概吧。

2.html 告知浏览器这是个html文档,内有head标签和body标签

3.head、body 用于存放网页的各种信息和设置,body用于存放网页内容

4.head  title 网页标题,就是打开一个网页后,浏览器网页标签上显示的文字

      link 用于引用一个CSS样式表,所谓样式表,就是你觉得浏览器默认的的样式太丑了,自己设置样式

        style CSS样式表内的内容也可以放在html文档里

        script 引用一个JS文件,同样也可以把内容写在html文档里

     还有一些像meta、base等标签,无论如何,head内的东西是用来设置这个网页的,而不是网页内容

5.body     p 段落

     h1 标题 还有h2 h3 h4 h5 字体逐渐变小

 

万事开头难,终于开始写第一篇了,写得有点烦,哈哈。

开始学习前端开发吧

标签:lin   最大的   最好   是你   pre   css   字体   文本   lan   

原文地址:http://www.cnblogs.com/greatfinger/p/6131428.html

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