HTML与CSS学习笔记（第二天）

最新推荐文章于 2024-12-04 21:05:21 发布

原创最新推荐文章于 2024-12-04 21:05:21 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #CSS

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍在Windows 10系统中创建HTML文件的步骤，包括使用记事本编写内容、选择UTF-8编码保存文件及在浏览器中预览。文章还提供了HTML编码技巧，如正确使用标记和元素。

如何在win10系统上创建一个HTML文件：
第一步，新建一个记事本文件，将需要展示的文本内容添加进去；
在这里插入图片描述
第二步，新建一个文件夹，用来存放这个网站的文件，单击新建的记事本文件，然后输入“index.html”作为文件名，并确保已选择UTF-8编码方式，然后将该文件保存进新建好的文件夹中；

第三步，双击HTML文件，即可打开网页。
在这里插入图片描述
Tips:
1、在head标记中放入title标记，title标记总出现在浏览器窗口的顶部。
2、编写HTML时要把首部和页面主体分开：首部包括<head>和</head>标记以及它们之间的所有内容；页面主体包括<body>和</body>标记以及它们之间的所有内容。页面主体包括Web页面的所有内容和结构，这就是我们在浏览器中看到的部分。
3、一旦学会如何在一个简单的编辑器中编写基本HTML和CSS，就有必要尝试功能更强大的编辑器：譬如Coda、TextMate、CoffeeCup或Aptana Studio等等。
4、作为一个Web开发人员，你可能需要在多个浏览器中测试你的代码，所以建议大家下载并了解至少两个不同的浏览器。
5、<h1>Starbuzz Coffee Beverages</h1>整个称为一个元素，在这里，我们把它称作<h1>元素，元素由包围内容的标记和标记之间的内容组成，简单地说就是：元素=开始标记+内容+结束标记；标记包含标记名和标记名两边的尖括号，我们称<h1>为开始标记，称</h1>为结束标记，将开始标记和对应的结束标记称为匹配标记。