html理论——第三课

1.HTML标题

<h1>-<h6>依次减小定义标题:浏览器会自动地在标题的前后添加空行;

<h1>-<h6>确保只是用于标题,不要用来仅仅是生成粗体或大号的文本而使用标题;

因为:搜索引擎会使用标题为网页的结构和内容编制索引,用户也通过标题来快速浏览网页

2.HTML水平线:<hr>

3.HTML注释:<!--    -->

4.调试查看源码:F12快捷键

5.HTML段落:<p></p>

6.HTML折行:<br>

7.HTML输出提示:当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

8.HTML文本格式化:

<b>:定义粗体文字;

<em>:定义着重文字;

<i>:定义斜体字;

<small>:定义小号字;

<strong>:定义加重语气;

<sub>:定义下标字;

<sup>:定义上标字;

<ins>:定义插入字;

<del>:定义删除字;

9.HTML链接:<a>

链接注意事项:href="http://www.runoob.com/html/",注意标红色的正斜杠,请始终将正斜杠添加到子文件夹,如果不写这个正斜杠,服务器将会产生两次HTTP请求。因为服务器会添加正斜杠到这个地址,然后创建一个新的请求;

10.HTML<style>元素:

<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中也可以直接添加样式来渲染 HTML 文档:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

11.HTML<meta>元素:

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta> 一般放置于 <head> 区域

例如:

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

12.HTML样式标签:

<style>:定义文本样式;

<link>:定义资源引用地址;

13.HTML图像:

<img>(空标签;其中src属性:图像的url地址;alt属性:定义当浏览器无法载入图像时,用来替换图像的文本;)

<map>:定义图像地图;

<area>:定义图像地图中的可点击区域;属性shape:指点击区域的形状;属性coord:指链接区域在图片中的坐标(像素为单位);

14.HTML表格<table>

表格<table>,行<tr>,单元格<td>

table属性:border边框;表头<th>;表格标题<caption>;表格列的组<colgroup>;表格列的属性<col>;

表格的页眉<thead>;表格的主体<tbody>;表格的页脚<tfoot>;

15.HTML列表:

<ol>:有序列;

<ul>:无序列;

<li>:列表项;

<dl>:自定义列表;

<dt>:自定义列表项目;

<dd>:自定义列表项目的描述;

16.HTML<div>:块级元素,没特定含义,与css合用为大的内容块设置样式属性,用于文档布局;

17.HTML<span>:内联元素,用作文本的容器,与css合用为部分文本设置样式属性;

18.HTML表单和输入:<input type="text">,type设置输入的类型

原文地址:https://www.cnblogs.com/blovej/p/7001943.html