当前位置： 移动技术网 > IT编程>网页制作>HTML > 第一章：创建一个HTML文件

第一章：创建一个HTML文件

2020年07月14日  | 移动技术网IT编程  | 我要评论

HTML初学者，如有错误请谅解指正，谢谢

文章目录

标记

1.标记就是尖括号括起来的词或字符，例如<head>、<p>等。
2.标记会告诉浏览器文本的结构和含义。

一个基本的HTMl文件的创作过程

1.创建一个txt文档
2.编辑txt文档
基本HTML文件
3.保存文档，修改后缀名为 .html
4.点击HTML文件，浏览器显示如下。
在这里插入图片描述

基本标记

1.<html>、</html>：告诉浏览器文件的内容是HTML
2.<head>、</head>：这两个标记之间的内容包含web页面的有关信息
3.<title>、</title>：这两个标记之间的内容会出现在浏览器窗口的顶部
4.<body>、</body>：页面主体，浏览器显示的内容都包含在这两个标记之间
5.<h1>、</h1>：一级标题
6.<h2>、</h2>：二级标题
7.<p>、</p>：段落

元素

元素 = 开始标记 + 内容 + 结束标记
例：<h1> 今日电影推荐 </h1>

注释

<!- -注释- ->

增加一点样式，认识style元素

<head>
	<title> 今日电影推荐 </title>
	<style type = "text/css">
		body{
				background-color: #e8cbff;      <!--设置背景颜色-->
				margin-left: 20%;               <!--设置左外边距-->
				margin-right: 20%;              <!--设置右外边距-->
				border:2px dotted black;        <!--设置边框-->
				padding: 10px 10px 10px 10px;   <!--设置内边距-->
				font-family: sans-serif;        <!--设置字体-->
			}
	</style>
</head>

结果：
增加样式后的效果图

属性

属性：属性能提供元素的一些额外信息
<style type = “text/css”> ：type属性告诉浏览器在使用css类型的样式

第二章 链接到其他web页面

本文地址：https://blog.csdn.net/qq_44894955/article/details/107281750

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网