入门前端 - 页面的结构

不熬夜wb
161 阅读2分钟

本文已参与「新人创作礼」活动， 一起开启掘金创作之路。

前言

一个页面的内容，必然是由数据构成，而页面的结构，则是由HTML编写，这篇文章则来讲述HTML的历史发展和实际写法，以及教程的引用，喜欢的可以关注或者留言。

发展历史

  • 超文本标记 语言（第一版）——在1993年6月作为 互联网工程工作小组（ IETF）工作草案发布（并非 标准）：
  • HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
  • HTML 3.2——1997年1月14日， W3C推荐标准
  • HTML 4.0——1997年12月18日，W3C推荐标准
  • HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
  • HTML 5——2014年10月28日，W3C推荐标准

整体结构

头部结构

头部中最常用的标记符是标题标记符和 meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的 标题栏中，网页标题可被 浏览器用作 书签和收藏清单。

以下表格列出了 HTML head 元素： image.png

主体内容

< body></body>；，网页中显示的实际内容均包含在这2个 正文标记符之间。 正文标记符又称为实体标记。

HTML的是实际写法

HTML的标题

<h1>这是一个标题</h1>
<h2>这是一个标题</h2> 
<h3>这是一个标题</h3>

HTML的段落

<p>这是一个段落。</p> 
<p>这是另外一个段落。</p>

HTML链接

<a href="https://www.runoob.com">这是一个链接</a>

HTML图像

<img src="/images/logo.png" width="258" height="39" />

教程的引用

目前非常好的教程网站有两个

大家如果要深入学习的话，非常推荐看看

下一篇预告

下一篇则留到明天讲解，主要内容是三件套之一的CSS层叠样式表，大家敬请期待，感兴趣的可点击关注或者评论。

谢谢阅读

avatar
文章
阅读
粉丝