HTML网页代码基础教程
需积分: 15 20 浏览量
更新于2024-07-27
收藏 148KB DOC 举报
"网页代码大全"
网页制作是互联网技术的基础,HTML(HyperText Markup Language)作为网页的构建语言,它的代码是网页设计者必备的知识。以下是一些基础的HTML标签和用法,帮助你理解如何创建一个基本的网页。
1) **贴图**:`<img src="图片地址">` 这个标签用于在网页中插入图像,`src`属性是必需的,它指向图像文件的URL。
2) **加入连接**:`<a href="所要连接的相关地址">写上你想写的字</a>` `<a>` 标签创建超链接,`href` 属性定义了链接的目标URL,链接文本则是在网页上显示的文字。
3) **在新窗口打开连接**:`<a href="相关地址" target="_blank">写上要写的字</a>` `target="_blank"` 属性使链接在新窗口或标签页中打开。
4) **消除连接的下划线**:`<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>` `style="text-decoration:none"` 可以去除链接的下划线。
5) **移动字体(走马灯)**:`<marquee>写上你想写的字</marquee>` `<marquee>` 标签可以创建文本或图像的滚动效果。
6-10) **字体样式**:`<b>` (加粗),`<i>` (斜体),`<u>` (下划线),`<s>` (删除线),`<big>` (加大字体),`<h1>` 至 `<h5>` (调整字体大小),以及 `<font color="#value">` (改变字体颜色) 都是用来控制文本的视觉呈现。
11) **消除连接下划线**:同第4点。
12) **贴音乐**:`<embed src="音乐地址" width="300" height="45" type="audio/mpeg" autostart="false">` `<embed>` 标签用于嵌入多媒体,如音乐、视频或Flash。
13) **贴Flash**:`<embed src="flash地址" width="宽度" height="高度">` 同样,`<embed>` 标签用于插入Flash动画。
14) **贴影视文件**:`<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>` 这个标签可以用于动态加载媒体文件,`dynsrc` 属性指定媒体文件的URL,而 `start=mouseover` 表示当鼠标悬停时开始播放。
15) **换行**:`<br>` 是一个简单的换行标签,常用于文本间的断行。
16) **段落**:`<p>段落</p>` 定义了一个段落,通常用于组织文本内容。
17) **原始文字样式**:`<pre>正文</pre>` `<pre>` 标签保留了文本的空白,常用于显示代码或格式化的文本。
18) **换帖子背景**:`<body background="背景图片地址">` `background` 属性设置网页的背景图像。
19-20) **固定帖子背景**:`<body background="背景图片地址" body bgproperties=fixed>` 和 `bodybgcolor=""` 分别用于设置背景图片和颜色,`bgproperties=fixed` 使得背景图片固定不变,不会随着页面滚动。
了解并熟练运用这些基本的HTML代码,你就能创建出简单的静态网页。但要创建交互式或动态网页,还需要学习CSS(Cascading Style Sheets)和JavaScript等更高级的技术。HTML、CSS和JavaScript是前端开发的三驾马车,掌握它们,你就具备了网页设计的基本技能。
403 浏览量
2022-11-27 上传
2021-11-26 上传
oFaith000
- 粉丝: 0
- 资源: 4
最新资源
- 算法
- ronald-mcdonald-house:费城罗纳德·麦克唐纳大厦(F2019)
- PINet
- windows6.11-KB976932-X86.exe.rar
- Diarios online sin registro-crx插件
- rest-api:用于Reconmap的REST API后端
- analytical_procedures_gl:出于审计目的执行日记帐分录测试!
- hello-word:丘丘球菌
- aws-playground:该存储库包含我对AWS的实验
- 园林绿化景观施工组织设计-园林景观工程施工方案
- abc196
- eslint-config
- AGU_PiedPiper.github.io:这是青山学院大学染色吹笛者编程爱好者协会的网站。
- DaisyDiff:Java 中 HTML 的视觉比较
- CouponBook:优惠卷卡包系统(慕课)
- 广场