网页制作基础:快速掌握常用HTML代码
需积分: 9 77 浏览量
更新于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>` 标签阻止文本换行。` ` 是HTML实体,表示一个空格。连续使用多个 ` ` 可以增加空格数量。
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交互,从而能创建更复杂、动态的网页内容。
2022-08-10 上传
2022-08-10 上传
2021-10-12 上传
2021-10-08 上传
2021-11-24 上传
2022-08-10 上传
zhuqing_fuxianzhe
- 粉丝: 0
- 资源: 1
最新资源
- SVR:简单向量回归-Udemy
- AquariumHoodLEDController
- Code,java论坛源码,java消息队列订单
- TRIDIEGS:求对称三对角矩阵的特征向量的特征值。-matlab开发
- get_html_source_gui:获取网页源代码GUI代码与重组程序
- json-builder:json-parser的序列化副本
- 参考资料-附件1-9-补充协议-新增.zip
- 共享计时器:一种Web应用程序,您可以在其中创建并与其他人共享计时器。 建立在React Hooks和Firebase之上
- spotify_battle
- maistra-test-tool:在OpenShift上运行maistra任务的测试工具
- mobi_silicon
- CrawlArticle:基于文字密度的新闻正文提取模块,兼容python2和python3,替换新闻网址或网页开源即可返回标题,发布时间和正文内容
- uu,java源码学习,springboot的源码是java
- regexp_parser:Ruby的正则表达式解析器库
- Get15
- Mary Poppins Search-crx插件