HTML入门教程:基础标签与使用详解

需积分: 29 7 下载量 133 浏览量 更新于2024-09-09 收藏 7KB TXT 举报
"html 学习笔记,基础版" HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,是前端开发的基础。这篇学习笔记主要针对初学者,涵盖了HTML的一些基本标签及其用法。 1. HTML文档结构:HTML文档通常由三部分组成:<!DOCTYPE html>声明、<html>元素以及<head>和<body>元素。<!DOCTYPE html>定义了文档类型为HTML5,<html>是整个文档的根元素,而<head>包含了文档的元信息,如<title>标签用于设置页面标题,<body>则包含页面可见内容。 2. 文本格式化标签:HTML提供了多种标签来控制文本的显示方式,如<b>用于加粗文本,<i>用于斜体,<u>用于下划线,<s>用于删除线,<strong>用于强调,<em>用于表示重要性,<big>用于放大文本,<small>用于缩小文本,<sup>用于上标,<sub>用于下标。 3. 链接和图像:<a>标签用于创建超链接,href属性指定链接的目标URL,target属性可以设置新窗口打开链接。<img>标签用于插入图像,src属性设置图像源,alt属性提供替代文本,width和height设置图像尺寸,border设置边框宽度,align调整对齐方式。 4. 段落和换行:<p>标签用于定义段落,<br>用于强制换行。<pre>标签保留其中的空白字符,用于显示预格式化的文本。 5. 对齐和样式:<p>、<img>等标签的align属性可以设置元素的对齐方式,如left、center、right。<hr>标签创建水平线,可设置宽度、颜色、高度等。<font>标签可以改变文本的字体、大小和颜色。 6. 列表:<ol>和<ul>分别表示有序和无序列表,<li>定义列表项。<ol>中的type属性可以设定数字或字母的列表样式,<ul>中的type属性可以设定圆点或方框样式。 7. 表格:<table>用于创建表格,<tr>表示表格行,<th>和<td>分别表示表头和数据单元格。colspan和rowspan属性用于合并单元格,align属性可以设置单元格的对齐方式,cellpadding和cellspacing分别设置单元格内边距和间距。 8. 水平滚动条:<marquee>标签可以创建水平或垂直滚动的文字或图像,direction属性定义滚动方向,behavior设置滚动方式,width和height定义尺寸,loop设置循环次数。 这些只是HTML基础的一部分,实际的HTML语言还包括更多的元素、属性和功能,如CSS样式控制、JavaScript交互、表单控件等,它们共同构建了丰富的网页内容和用户体验。对于初学者来说,熟练掌握这些基础知识是进入前端开发领域的第一步。