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

-> JavaScript知识库 -> 前端小白的第一周 -> 正文阅读

[JavaScript知识库]前端小白的第一周

一、什么是HTML5？

? ? ? ?1.HTML5的概念

答：我们今天所谈论的HTML5这个词已经产生了一些变化，它代表的已经不再是简单的HTML网页设计标
准，而是围绕着HTML这个东西以及他周边的一系列网页相关技术的总称，这其中既包含了HTML+css
的网页制作，也包含了JavaScript这门编程语言的相关开发，这就是HTML5。

? ? ? ?2.html的发展史

答：

? ? ? ?3.什么是html

答：HTML指的是超文本标记语言 (Hyper Text Markup Language) ，www万维网的描述性语言，是由一
套标记标签组成的。
延申:XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）是一
种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。XHTML 元素必须被
正确地嵌套，XHTML 元素必须被关闭，XHTML标签名必须用小写字母，XHTML 文档必须拥有根元
素。

二.HTML5能干什么

答：1.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端）
? ? ???2.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发）
? ? ? ?3?.Hybrid App(混合应用开发，手机应用
? ? ? ? 例如，支付宝，淘宝等)
? ? ? ?4.Native App(原生应用开发，例如React Native 等框架的开发）
? ? ? ?5.桌面应用开发（电脑软件）
? ? ? 6.游戏开发（例如，微信小游戏，其实好多游戏都可以用前端语言进行编写）
? ? ? 7.后端开发（前端学到的nodejs可以实现后端的开发）

三、HTML的基础结构和语法

??1.html5的基础结构

< ! DOCTYPE html>
<l--声明文档的类型doc文件 type类型-->a

</ head>
<body>

< / body>
< / htm1>

2.html的基础语法

html是超文本标记语言，是由一些列的标记标签组成的，这些标记标签由标签+属性组成
标签：紧挨着尖括号的英文单词，决定网页读取时显示的状态【标题还是文本还是。。。】
属性：在标签之后，一般与标签名之间用空格分隔或者与不同属性之间用空格分隔
属性值：与属性之间用等号相连

3.标签的分类

单表签：标签是单个出现的，没有结束标签，eg：<标签名属性="属性值">
双标签:标签是成对出现的，有结束标签:eg：<标签名属性="属性值"></标签名

四、HTML常用的标签

1.换行标签

<br>:特点:单表签,能实现换行

2.空格

space键【没有特殊限定，不管多少只有一个起作用】 【一个space键空格的大小】

&emsp; 【一个中文大小的空格】

&ensp;【半个中文大小的】

3.标题

<h1>~<h6>特点：双标签从<h1>~<h6>逐渐变小

4.段落标签

<p></p>特点:双标签,独自占据一行，有一定的行高

5.加粗

?<b></b>/<strong></strong>特点:双标签,不能独自占据一行，可以加粗文本

6.倾斜

<em></em>/<i></i>特点:双标签,不能独自占据一行,可以倾斜文本

7.加删除线

<del>我是del标签</del>
<s>我是s标签</s>特点:双标签，不能独自占据一行，可以在文本中间加一条删除线

8.下划线

<u>我是u标签</u>
<ins>我是ins标签</ins>特点:双标签，不能独自占据一行，可以在文本下方加一条下划线

9.上标下标

<sup>上标</sup>
<sub>下标</sub>特点:双标签，不能独自占据一行，给文本加上下标

10.特殊符号

©版权符? ? ?®商标

11.分割线

<hr>特点:单表签，独自占据一行，自动水平居中

五、表单

1.表单控件的类型

a.文本框:<input type=text>
b.密码框:<input type="password">
c.按钮普通按钮:<input type="button"value="按钮显示的内容">
提交按钮:<input type="submit">默认的value值为提交
重置按钮:<input type="reset">默认的value值为重置
图片按钮:<input type="image"src="显示的图片的路径">

<button>按钮显示的内容</button>

d.单选框:在使用单选框的时候注意后面name属性值必须相等，以此达到互斥的效果<input?type="radio"name="属性值相等">单选项1

<inputtype="radioname="属性值相等">单选项2

e.复选框:<input type="checkbox">复选项1
? ? ? ? ? ? ? <input type="checkbox">复选项2

? ? ? ? ? ? <input type="checkbox">复选项3

文本域
<textareacols="一行中的字节数"rows="可以显示出来的列数"></textarea>

? ? 这就是这一周的总结了！

JavaScript知识库最新文章

ES6的相关知识点

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

Vue基础超详细

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