开始学习前端开发吧-html tutorial-php.cn

开始学习前端开发吧

WBOY

Lepaskan： 2016-12-05 13:26:29

asal

1282 orang telah melayarinya

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

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

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

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

Salin selepas log masuk

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

被标记的内容

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

还有另一种标签，不成对出现，如

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

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

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

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

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

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

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