HTML学习day01

发表于

html简介

HTML 指的是超文本标记语言，首先，HTML不是一种编程语言，而是一种标记语言，特别适合没有任何基础的"小白"学习，而且很简单，学习HTML不仅可以让你知道怎么编写一个网站，也是打开你通往黑客世界的一扇门，让你了解代码，让你慢慢熟悉黑客世界这个环境

HTML标签

HTML 标记标签通常被称为HTML 标签(HTML tag) HTML 标签是由尖括号保卫的关键词，比如 

1
<html>
HTML 标签通常是成对出现的 第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签

实例

1
2
3
<h1>This is a heading1</h1>
<h2>This is a heading2</h2>
<h3>This is a heading3</h3>

效果

This is a heading1

This is a heading2

This is a heading3

HTML 段落

实例

1
2
3
<p>这是个段落</p>
<p>这是第二个段落</p>
<p>测试段落<br />内换行</p>

效果

这是个段落

这是第二个段落

测试段落
内换行

HTML 链接

实例

1
<a href = "http://www.baidu.com">链接百度 </a>

效果

链接百度 注释：在href属性中指定链接的地址

HTML 图像

实例

1
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" width="540" height="258" />

效果

注释： 图像的名称和尺寸是以属性的形式提供的

更多HTML 属性实例

属性例子1：

1
2
3
<h1>定义标题的开始
<h1 align="center">拥有关于对齐方式的附加信息。
<b>注释：</b>align="center"表示居中排列标题

属性例子2

1
2
<body>定义HTML文档的主题
<body bgcolor="yellow">拥有关于背景颜色的附加信息。

属性例子3

1
2
<table>定义HTML表格
<table border="1">拥有关于表格边框的附加信息。

HTML 水平线

实例

1
2
3
4
5
<p>这是演示段落</p>
<hr />
<p>这是演示段落</p>
<hr />
<p>这是演示段落<p>

效果

这是演示段落

这是演示段落

这是演示段落