HTML学习Day1:基本结构
2018-03-19 本文已影响7人
煮酒浮白
1、HTML 定义
HTML: Hyper Text Markup Language. 超文本标记语言。超文本表示页面内可以包含图片、链接、音视频、程序等非文字元素。
2、我们新建一个HTML文件，结构见以下代码。
HTML 标签分为 单标签 和 双标签
可以将一个HTML文件看作是人体: 分为思想+身体部分。思想用来配置人的展示形态,包括姓名(标题)、序言、说明等
身体则包括各个展示的信息，所有的展示信息的代码都应该写在body里面
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
head 中常用的标签如下
<!-- 定义了文档的标题 -->
<title></title>
<!-- 定义了HTML文档中的元数据,跟网页爬虫有关 -->
<meta charset="utf-8">
<!-- 定义了页面链接标签的默认链接地址 -->
<base href="">
<!-- 定义了一个文档和外部资源之间的关系 -->
<link rel="stylesheet" type="text/css" href="">
<!-- 定义了客户端的脚本文件 -->
<script type="text/javascript"></script>
<!-- 定义了HTML文档的样式 -->
<style type="text/css"></style>
body 中常用的标签如下
<!DOCTYPE html>
<html>
<head>
<title>HTML基础标签</title>
<meta charset="utf-8">
</head>
<body>
<!-- 1、段落标签 paragraph -->
hello
<p>
welcome to html word!
</p>
<!-- 2、下划线 以及<>的显示-->
<u>
this is 下划线标签 <u></u>的使用
</u>
<!-- 3、黑体字 -->
<p>
<b>
我是个黑体
</b>
</p>
<!-- 4、斜体字 -->
<p>
<i>我是个斜体</i>
</p>
<!-- 5、加重文本 -->
<p>
<strong>我应该被加重</strong>
</p>
<!-- 6、多空个的展示 -->
<p>
我需要加 空格
</p>
<p>
我需要加        空格
</p>
<!-- 7、加删除线 -->
<del>
原价¥100
</del>
<!-- 8、标题标签 -->
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<!-- 9、换行 -->
<br>
<br>
<br>
今天你换行了吗？
</body>
</html>
页面展示效果如下：
屏幕快照 2018-03-19 下午3.17.18.png
