带领小白学网页——HTML5学习笔记

最新推荐文章于 2024-09-29 14:04:05 发布

头皮不会冷

最新推荐文章于 2024-09-29 14:04:05 发布

阅读量128

点赞数

文章标签： html css javascript

本文链接：https://blog.csdn.net/qq_40814944/article/details/107148718

版权

HTML5学习笔记

由于GIS专业学习的需要，本弱鸡不得不开始学习网页编程。
目前制定了如下计划:

HTML5入门
CSS布局排版
JS学习

分三步吧，这是大多数网页开发的框架，目前已经话三天左右学完基本语法，为了日后方便查找回忆，这里先整理做一个笔记记录自己的学习轨迹。
学习过程中使用的是VS-code+Chrome，挺好用的！
（IDE/文本编辑器、浏览器太多了，萝卜白菜，各有所爱，拒绝抬杠）
简单的回忆一下所学的东西，只求自己能看懂，能否帮到其他人就随缘吧。

1. 简介–理解HTML

HTML 是用来描述网页的一种语言，指的是超文本标记语言: HyperText Markup Language，HTML 不是一种编程语言，而是一种标记语言，即是使用一套标记标签 (markup tag)来描述网页，HTML文档也叫做 web 页面，包含了HTML 标签及文本内容。

HTML标签 指的是构成HTML文档的“零件”，和HTML元素基本描述的意思相同，是由一对尖括号和文本内容组成，其中大多数元素包含多个属性，可以根据元素使用的具体情况设置不同属性值。常见元素如例子等，大部分元素相互间可以嵌套。

2.基本结构
在HTML文档的开头必须声明为 HTML5 文档：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标题（浏览器上方标签页显示）</title>
	</head>
	<body>
		网页可见内容	
	</body>
</html>

然后需要有根元素、头、主体，其中需在头部声明编码方式、标题、简述、关键词、作者等元数据，部分元数据为非必需！

3.元素用法及含义

其实学的主要内容就是HTML各种元素的用法，比较多，就根据我的理解串到一起讲述：

<p></p>     //段落，注意开始标签与与结束标签的对应，标签一定要闭合
<h></h>     //标题，分多个等级，如h1为一级标题，字号为6号
<!--  -->     //注释
<br>    //换行
<hr>    //水平线
<b></b>   //粗体文本
<code></code>    //计算机代码,按系统默认字样输出
<em></em>     //强调文本
<i></i>      //斜体文本
<small></small>       //更小的文本
<strong></strong>       //重要的文本
<abbr>      //缩写
<address>      //联系信息
<bdo>      //文字方向
<del></del>      //删除文本的效果，即添加中划线
<ins>     //插入文本的效果
<sub></sub>      //下标文本
<sup></sup>      //上标文本
<a href="URL"></a>   //超链接
<img src="URL">     //放置图片

<form></form>       //窗体元素，可在里面嵌套其他元素