欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

第一章：创建一个HTML文件

程序员文章站 2024-01-06 08:13:40
文章目录创建一个HTML文件标记一个基本的HTMl文件的创作过程功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入创建一个HTML文件你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markd...

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

文章目录

标记

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

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

1.创建一个txt文档
2.编辑txt文档
第一章：创建一个HTML文件
3.保存文档，修改后缀名为 .html
4.点击HTML文件，浏览器显示如下。
第一章：创建一个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>

结果：
第一章：创建一个HTML文件

属性

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

第二章 链接到其他web页面

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

上一篇： CAD四棱锥命令怎么绘制四棱锥体?

下一篇： 关于自动化web安全测试动态fuzz的思路与实践分析(图文)

推荐阅读