网页制作基础:快速掌握常用HTML代码

需积分: 9 2 下载量 132 浏览量 更新于2024-09-21 收藏 4KB TXT 举报
"这篇文章主要介绍了网页制作中的一些基础和常用的HTML代码,包括文字样式、超链接、图片插入、图像对齐、换行与空格、滚动文本以及背景音乐的设置,适合初学者快速掌握网页制作的基本技巧。" 在网页制作中,HTML(HyperText Markup Language)是一种标记语言,用于描述网页内容和结构。以下是一些基本的HTML标签和它们的用途: 1. **文字样式**:`<b>` 标签用于加粗文本,`<i>` 标签用于斜体文本,`<u>` 标签用于下划线文本。例如:`<b>加粗文本</b>`,`<i>斜体文本</i>`,`<u>下划线文本</u>`。 2. **超链接**:`<a>` 标签用于创建超链接,`href` 属性定义链接的目标地址。例如,要链接到网易网站,可以写成 `<a href="http://www.163.com">网易</a>`。若想在新窗口打开链接,可添加 `target="_blank"` 属性,如 `<a href="http://www.163.com" target="_blank">网易(新窗口)</a>`。 3. **图片插入**:`<img>` 标签用于插入图片,`src` 属性是图片的URL,`width` 和 `height` 分别定义图片宽度和高度。如 `<img src="http://www.mycodes.net/wwwimages/n/163logo.gif" width="150" height="100">`。 4. **图像对齐**:图片默认居左,通过CSS或HTML的 `align` 属性(已废弃,但一些浏览器仍支持)可以调整对齐方式。如 `<img src="..." align="right">` 使图片右对齐。 5. **换行与空格**:`<br>` 标签用于换行,`<nobr>` 标签阻止文本换行。`&nbsp;` 是HTML实体,表示一个空格。连续使用多个 `&nbsp;` 可以增加空格数量。 6. **滚动文本**:`<marquee>` 标签实现文本或图像的自动滚动。例如,要滚动显示一组图片,可以这样写: ``` <marquee> <img src="..."> <img src="..."> <img src="..."> </marquee> ``` 7. **背景音乐**:虽然现代网页制作更倾向于使用JavaScript和CSS来处理背景音乐,但在HTML4时代,可以使用 `<bgsound>` 标签添加背景音乐,`src` 属性定义音乐文件路径,`loop` 属性定义循环播放次数。例如: ``` <bgsound src="http://www.mycodes.net/xxx.mid" loop=10> ``` 以上就是网页制作中一些基础的HTML代码,熟练掌握这些可以快速搭建出简单的静态网页。随着学习深入,你将了解更多的HTML标签、CSS样式和JavaScript交互,从而能创建更复杂、动态的网页内容。