从本篇文章开始成哥将带大家一起学习一下前端的基础知识,我们先讲解前端的基础html与CSS,这个讲完我们将讲解VUE前端框架,最后我们再讲讲Ant Design的VUE前端框架,从而形成前端一个系列的教程,下面就开始我们今天的内容吧!
01 HTML简介HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。
HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。
使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件"翻译"成可以识别的信息,即现在所见到的网页。HTML 不需要编译,可以直接由浏览器执行,非常方便开发时调试。
02 HTML实例我们现在创建一个典型的HTML结构具体如下:
1. <!DOCTYPEhtml>
2. <htmllang="ch">
3. <head>
4. <metacharset="UTF-8">
5. <title>HTML实例</title>
6. </head>
7. <body>
8. <h1>我是标题</h1>
9. <p>我是段落。</p>
10. </body>
11. </html>
如上页面中各个标签代表的意思如下:
1)<!DOCTYPE html>是文档声明头,它告诉游览器当前处理的内容是HTML页面
2)html是 HTML 页面的根元素,用于标识HTML内容的开始与结束
3) head是HTML页面的头,包含了文档的一些属性。其中meta是元数据这边charset="UTF-8"标识当前页面编码格式为UTF-8,title为文档的标题
4)body是HTML主体也是游览器在显示页面时的内容。h1是body内容中定义的标题,p是body内容中定义的段落
我们现在通过游览器打开编写的HTML内容,具体内容如下
在HTML中的内容可以通过以下格式进行内容注释具体如下:
03 HTML标签、元素、属性、实体编码与事件(1)HTML标签
HTML 标签是 HTML 语言中最基本的单位,HTML 标签是 HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签具有如下特点:
1)标签一般是成对出现的 如:<div></div>;也有空标签 如:<br />
2)标签由<>包括,分为开始标签(开放标签)和结束标签(闭合标签)
3)标签不区分大小写,根据W3C(万维网联盟)推荐,统一使用小写字母
标签的示列如下: