揭开前端之幕：HTML入门指南

发表时间: 2024-05-31 08:52

100编程书屋_孔夫子旧书网

当今主流的技术中，可以分为前端和后端两个门类。

前端：简单的理解就是和用户打交道

后端：主要用于组织数据

而前端就Web开发方向来说，分为三门语言， HTML、CSS、JavaScript

语言	作用
HTML	描述页面的结构，类似于动物的骨架
CSS	渲染技术，使得页面更好看，也可以一定程度的让页面动起来
JavaScript	实现和后端的交互，数据验证、收发等功能

HTML的结构

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body></body></html>

上面面的一段代码既表示一段HTML的结构，它表示生成了一个空白的HTML网页

组成HTML的元素称为标签，标签的结构分为两种

有开始标签和结束标签的如
有单标签的，例如，单标签中的 / 即表示标签的闭合， / 符号不写也是可以的

下面这段HTML代码包含的标签解释如下

声明类型，意思为超文本语言类型。是一种HTML5的规范写法，在HTML发展过程中还有以下的几种声明方式 <!DOCTYPE html> html5规范， html的第一行必须为此值  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 关于html4的声明类型，可以参考: https://www.w3.org/TR/html4/sgml/dtd.html
html 最外层的一个跟节点，里面的所有元素都是它的子元素
<html lang="en"> </html>
head 头标记，整个网页的全局属性都会写在这个里面
body 网页的主体部分，用户可以直观感受到的显示内容的部分
meta 标签，标记原数据，可以规定网页的字符、缩放比例等信息
<meta charset="UTF-8">
title 标题标签,标题的内容会在浏览器的tab页中显示

揭开前端之幕：HTML入门指南

HTML的结构

热门阅读

推荐阅读