前端基础学习（一）HTML入门

最新推荐文章于 2024-08-23 19:17:09 发布

一川烟柳清风

最新推荐文章于 2024-08-23 19:17:09 发布

阅读量546

点赞数 15

文章标签：学习 html 前端

本文链接：https://blog.csdn.net/qq_48490554/article/details/137585680

版权

本文介绍了HTML的基础知识，包括语言概述、总体布局解析、常用标签的编写规则和属性，以及如何用DW创建网页并制作简易简历。通过思维导图帮助读者掌握HTML入门知识。

摘要由CSDN通过智能技术生成

文章目录

前言
一、HTML总体布局解析
二、HTML常用标签解析
三、HTML实例（简易简历制作）
四、HTML入门知识思维导图
五、总结

前言

HTML：超文本标记语言

一、HTML总体布局解析

以谷歌首页部分源代码为例：

$H TM L 就是组成网页的基本编程语言$

使用DW创建自己的第一个网页：

新建网站页面

按快捷键F12快速查看浏览器页面上的效果

网页效果图

二、HTML常用标签解析

1、编写规则两个一对或者单标签

如:

<html></html>//网页属性标签（必带）
<head></head>//头标签（用于放标题title标签,style标签）
<body></body>//主标签（放网页主要内容）
<fone></fone>//操作字体属性的标签
<h1>一号标题</h1>一共有六个等级的标题标签h1~h6
<hr/>//单标签，分割线
<br/>//单标签，换行
<img/>//单标签，图片

2、标签内的属性

<html lang="en"></html>
<fone size="6" face="楷体"></fone>
<hr color="res"/>
<img src="" width=""/>

三、HTML实例（简易简历制作）

由于简历的格式比较简单，非常适合刚入门HTML的种子选手拿来练手网页源代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的简历</title>
</head>

<body>
	<h1 align="center">我的简历</h1>
	<hr>
	<h3 align="left">姓名:寻至善&nbsp&nbsp&nbsp&nbsp
	    性别：男&nbsp&nbsp&nbsp&nbsp
		年龄：22岁
		<img src="照片/签名.jpg">
	</h3>
    <br/>
	<h2>学习经历:</h2>
	<hr color="red"/>
	
	<h2>项目经历:</h2>
	
</body>
</html>