前端基础学习（一）HTML入门-阿里云开发者社区

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

2024-06-04 29

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

前言

HTML：超文本标记语言

一、HTML总体布局解析

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

H T M L 就是组成网页的基本编程语言 HTML就是组成网页的基本编程语言HTML就是组成网页的基本编程语言

使用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>