[JavaScript知识库] Web前端开发零基础HTML5入门（1）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> Web前端开发零基础HTML5入门（1） -> 正文阅读

[JavaScript知识库]Web前端开发零基础HTML5入门（1）

web前端不得不说浏览器、网站、网址、网页。

浏览器是是一个软件，通往互联网世界的门户，它通过网址找到网站并显示网站上面的网页。这个我们眼睛看的网页界面就是前端。相对应的当然也有后端，后端我们无法直观看到，但是它也为显示在我们眼前的页面做了很多幕后工作。

学习前端开发就得学HTML、CSS、javascript。如今的PC端网页、手机端网页、小程序页面、APP页面或都有他们的参与！

1、什么是HTML

??? ??HTML 是用来描述网页的一种语言。

????全称是超文本标记语言（英语：HyperText Markup Language，简称：HTML）。

??????HTML 不是一种编程语言，而是一种标记语言，使用标记标签来描述网页。是编写网页的语言。它的规则是由w3c制定的。

??? HTML文档也叫web页面。

??? HTML文档的后缀：.html ? ?.htm

????通常选用 .html ，本教程都以? .html 为后缀。

2、HTML5是什么

????HTML5我们通常称作H5。

??? h5是目前html的最新版！之前的一个版本是4.01。

??? html4.01与xhtml几乎是一样的，XHTML 是更严谨更纯净的 HTML 版本。

??? h5仍处于完善之中。目前大部分浏览器最新版基本已经支持 HTML5 。

3、CSS是什么

????CSS 指层叠样式表（Cascading Style Sheets）。

??? CSS3 是目前最新的 CSS 标准。

????作用：控制html如何显示（排版）。使内容与表现分离。

? ??

4、JS是什么

????js即JavaScript，它是 Web 的编程语言，是互联网上最流行的脚本语言。?

????它能改变html，能改变css。向 HTML 页面增加交互性。

5、编辑器（开发工具）

????编写前端代码的工具有很多，有简单的如windows自带的记事本。

????常用的专业开发工具有Vs Code、Sublime Text、HbuilderX等等。

6、H5文档结构

<!doctype html><html>???<head>?????<title>web前端页面基本结构</title>???</head>???<body>???  <h1>最简单的web页面</h1>?????<p>这里是web页面演示！</p>???</body></html>

第一行<!doctype html>?是文档声明，告诉浏览器用的是哪个版本的，这里是H5版本的。

<html>是html文档的最外层元素。

<head>?是web页面的头部信息区域，写在?<html>?里面。

<title>是浏览器的标题显示。写在<head>里面。

<body>?是web页面的主体内容，写在??<html>?里面。

<h1>?和??<p>?是两个标签，<h1>表示的是标题，<p>表示的是段落。

tips：把这段代码输入到文本编辑器（记事本）中并保存，后缀为 .html 然后在浏览器打开看下实际显示的效果吧！

7、标签、元素

????标签是成对的，有开始有结束(闭合)：

????????<h1></h1>

????????<p></p>

? ? 有些特殊的标签没有结束符，但它开始标签中进行关闭：

????????<img /> ? <input /> ?<br />

????元素：指的是从开始标签（<p>）到结束标签(</p>)的所有代码。

????

????"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。

????但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签

???常用的标签还有：<div>?、?<span>??、<h2>、<button>、<em>、<strong>、<hr /> 、<pre> 、<input />、<style>、<script>

8、怎么学HTML

????学html就是学html的标签、标签的属性。

????记住常用的标签以及属性（基本上写的次数多了自然就记住了，不需要死记硬背）。

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2021-10-19 11:47:14 更:2021-10-19 11:48:07

360图书馆购物三丰科技阅读网日历万年历 2024年5日历

-2024/5/13 3:16:19-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码