前端与HTML 2 | 青训营

49 阅读2分钟

前端的边界:
随着新的技术不断地发展,前端现在能做的东西已经远远超出了页面的范畴。比如可以用Nodejs开发服务器端的一些应用,再比如可以使用ELECTRON去开发客户端的应用,也可以用WebRTC进行P2P这种在线的传输,实现多人的会议,也可以用WebGL去开发出流畅的3D游戏。总之,前端在互联网行业里是发展非常快的一个领域,技术在不断地更新,我们也要持续学习跟上技术的发展。
什么是HTML?
HTML是HyperText Markup Language的缩写。HyoerText是超文本,它可以包含图片、标题、链接和表格。HTML是怎么去表示这些不同的格式呢?其实它使用了一种叫标记语言的东西,用一个开始标签和结束标签表示一段内容,比如表示标题标题:

<h1>文章标题</h1>    

也可以在标签上设置一些属性,比如要表示一张图片用img标签,用src属性来表示图片的url,src是属性名,引号中的为属性值。img标签里面不需要再嵌套其他的内容了,所以可以省略结束标签,直接在开始标签的最后写一个”/"就可以了。

<img src="photo.jpg" />    

现在来看一个完整的例子: image.png 第一行doctype是非常重要的一个点,他标记了当前使用的HTML文件是什么样的HTML版本,浏览器会根据他决定使用哪种渲染模式。html标签是文档的根标签,所有的其他标签都写在这里面。head标签里面放的是页面的源数据,即页面需要的东西但又不需要呈现给用户。body里面放的是要呈现给用户的内容。以下是在浏览器中的打开效果:

image.png