HY的Web前端开发周记 Day1

引子

2021.3.04，信息管理创新实践课程开始学习。主要了解了关于HTML、CSS、JavaScript 的基本概念及其用途，并对html基础元素、属性有了一定的了解。运用了HBuilder作为开发环境，在Hbulider上面实践了我们的第一个专属网页：个人自我介绍页。以下是我对本次课程学习的总结。

提示：以下是本篇文章正文内容，下面案例可供参考

一、HTML、CSS、JavaScript

HTML

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

简而言之，是我们编写制作网页的语言

CSS

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

JavaScript

JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。

开始对这些进行了一些初步了解，让我们对web前端开发的体系框架

二、HTML基本元素

一些构成HTML代码的元素

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签

代码如下（示例）：

我的个人介绍网页

<html>
	<head>
		<meta charset="utf-8">
		<title>华宇个人介绍页</title>
		<style type="texgrt/css">
		h1 {color:purple}
			body{background-color:rosybrown}
			</style>
	</head>
	<body>
		<h1>华宇个人介绍</h1>
		<hr>
		<p>name: 华宇</p>
		<p>age: 20</p>
		<p>school:btbu</p>
		<p>class: 信管192</p>
		<p>number：1906030404</p>
		<p>♥：90%学习+9%￥$+1%🏀
		<p>喜欢登哥</p>
		
		<img src="file:///D:/test/自我介绍华宇/img/1.jpg" width="200px">
		<p><i><a href="https://blog.csdn/qq_51167539">这是我的CSDN blog,点击可进入</a><i></p>
		<hr>
		<h2>页面很<sub>丑</sub>，希望老师给分很<sub>温柔</sub></h2>
	</body>
</html>

总结

今天是web前端制作的第一天，一切都是开始，努力！奋斗！

更多推荐

HY的Web前端周记 Day1