前端小白的第一周

最新推荐文章于 2024-08-12 20:21:42 发布

小屎壳郎

最新推荐文章于 2024-08-12 20:21:42 发布

阅读量917

点赞数 12

文章标签： html5 html css

本文链接：https://blog.csdn.net/L2636504548/article/details/120803778

版权

一、什么是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>

这就是这一周的总结了！

小屎壳郎

关注

12
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
前端小白的第一周

一、什么是HTML5？ 1.HTML5的概念答：我们今天所谈论的HTML5这个词已经产生了一些变化，它代表的已经不再是简单的HTML网页设计标准，而是围绕着HTML这个东西以及他周边的一系列网页相关技术的总称，这其中既包含了HTML+css的网页制作，也包含了JavaScript这门编程语言的相关开发，这就是HTML5。 2.html的发展史答： 3.什么是html答：HTML指的是超文本标记语言 (Hyper Text Markup Lang...
复制链接

扫一扫