HTML和CSS学习笔记1

最新推荐文章于 2024-10-04 06:11:34 发布

aisliveF

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量75

点赞数

分类专栏：笔记 HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_46006714/article/details/118929391

版权

笔记同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

网页的组成部分
页面由三部分内容组成！
分别是内容（结构）、表现、行为。
1.1内容（结构）：是我们在页面中可以看到的数据。我们称之为内容。一般内容我们使用html 技术来展示。
1.2表现：指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS 技术实现
1.3行为：指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现
2.在IDEA中创建Web工程
首先：

我们打开IDEA后选择进行相关的新建项目后，会显示出如上图所示的界面，在此我们选择Static Web中的Static Web后，单击右下方的“下一个”按钮进行下一步。
然后：
在这里插入图片描述
在上图中，黑色框中我们可以进行相关的项目名的修改，在红色框中我们，可以进行完成按钮的选择，这样的话此时就完成了Web项目的创建。
3.HTML的书写规范

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
hello
</body>
</html>

在< html lang=“en”>中，其中的“en”代表的含义是表示向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english，我们可以选择性将其修改为zh_CN，这样就不会导致页面因为语言问题出现是否立即翻译问题。

head部分中主要包括三个方面的东西：title标题，css样式和js代码部分。在最基本的部分，主要就是上面的代码段中的< title>< /title>，这个是说明我们当前页面的名字的。

body部分就是我们在编写HTML中主要给用户进行相关的展示部分的内容，就是我们经常性浏览网页端的时候，此时页面中出现的内容都是body部分所要进行相关的编辑。

注意：< meta charset=“UTF-8”>，我们无论是那种方式的编写代码通常都是采用UTF-8编码的，否则就会出现乱码的情况，这个需要特别注意，很多编写程序中乱码都是因为UTF-8编码的问题。

Html 的代码注释 < !-- -->在中间内容中添加具体的中文注释即可。

其具体的编写规范如下所示：

<html> 表示整个 html 页面的开始
<head> 头信息
<title>显示该页面的主要内容------标题，起到帮助别人理解内容的作用</title> 标题
</head>
<body> body 是页面的主体内容
 页面主体内容
</body>
</html> 表示整个 html 页面的结束