HTML学习笔记1

最新推荐文章于 2024-09-18 10:06:00 发布

aiflyaf

最新推荐文章于 2024-09-18 10:06:00 发布

阅读量293

点赞数

文章标签： html

本文链接：https://blog.csdn.net/aiflyaf/article/details/8722402

版权

1.基础知识

<html> 与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

注意：<h1>成对出现

HTML 段落是通过 <p> 标签进行定义的。

<p>ngembed</p>

注意：<p>成对出现，浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）

HTML 图像是通过 <img> 标签进行定义的。

注意：<img/>只有一个，可以指定图片内容的路径，要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。

HTML 链接是通过 <a> 标签进行定义的。

注意：<a>成对出现，this is link为连接标示符，网址必须加http://

2.标签和元素

开始标签	元素内容	结束标签
<p>	This is a paragraph	</p>
<a href="default.htm" >	This is a link	</a>
<br />

注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

属性

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号。

<hr /> 标签在 HTML 页面中创建水平线。

<p>ngembed</p>

<hr/>

<p>ngembed2</p>

加感叹号可以进行注释

表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

注：定义一个表格为两行两列，大小根据单元格内容自动调整，显示如下：

<table border="1" cellpadding="10"> <table> </table> 定义表格， border用来定义表格边框的粗细，值为整数；cellpadding用来定义表格的大小，长和宽同时增大，值为整数（表格大小发生变化，内容保持原样）；width="xxx" height="xxx"可以单独设置长和宽；background="./1.PNG"用来设置背景图片；bgcolor="red"用来设置背景颜色；以上均可用在表和单元格中。