HTML网页设计基础教程
需积分: 4 107 浏览量
更新于2024-07-22
收藏 71KB DOCX 举报
"html网页设计"
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，是网页设计的基础。它允许开发者通过一系列标签来构建网页结构和内容，使其呈现出丰富的视觉效果和交互性。以下是一些基本的HTML元素和概念，这些在网页设计中非常常见：
1) 贴图：`<img>` 标签用于插入图像，`src` 属性指定了图像的URL。例如：`<img src="图片地址">`
2) 加入连接：`<a>` 标签用于创建超链接，`href` 属性定义了链接的目标地址。例如：`<a href="所要连接的相关地址">写上你想写的字</a>`。若要使链接在新窗口打开，可以添加 `target="_blank"` 属性。
3) 消除连接的下划线并新窗口打开：可以通过CSS（Cascading Style Sheets）来实现，添加 `style="text-decoration:none"` 和 `target="_blank"` 属性。例如：`<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>`
4) 移动字体（走马灯效果）：`<marquee>` 标签可以创建文本或图像的滚动效果。例如：`<marquee>写上你想写的字</marquee>`
5-8) 字体样式：`<b>` 用于加粗字体，`<i>` 用于斜体，`<u>` 添加下划线，`<s>` 用于删除线。例如：`<b>加粗文本</b>`，`<i>斜体文本</i>`，`<u>带下划线文本</u>`，`<s>删除线文本</s>`
9-10) 字体大小和级别：`<big>` 用于增大字体，`<h1>` 到 `<h5>` 标签定义了不同级别的标题，数字越大，标题越小。例如：`<big>加大字体</big>`，`<h1>一级标题</h1>`
11) 更改字体颜色：`<font>` 标签的 `color` 属性用于设置字体颜色，颜色值可以是16进制颜色代码。例如：`<font color="#ff0000">红色文本</font>`
12) 消除连接下划线：同上，通过CSS实现，添加 `style="text-decoration:none"`。
13) 贴音乐：`<embed>` 标签用于插入媒体文件，如音乐。例如：`<embed src="音乐地址" width="300" height="45" type="audio/mpeg" autostart="false">`
14) 贴Flash：同样使用 `<embed>` 标签，指定Flash文件地址、宽度和高度。例如：`<embed src="flash地址" width="宽度" height="高度">`
15) 贴影视文件：可以使用 `<img>` 标签的 `dynsrc` 属性，但现代网页设计更倾向于使用 `<video>` 标签。
16) 换行：`<br>` 标签用于强制文本换行。
17) 段落：`<p>` 标签定义段落，例如：`<p>这是段落内容</p>`
18) 原始文字样式：`<pre>` 标签保留文本的空格和换行，保持预格式化的样式。
19) 更换帖子背景：`<body background="背景图片地址">` 可以改变整个网页的背景图片。
20) 固定帖子背景：通过CSS，将背景固定，不随滚动条滚动，例如：`body { background-image: url("背景图片地址"); background-attachment: fixed; }`
以上只是HTML的一部分基础知识，实际的HTML网页设计还包括表格、列表、表单、框架、样式控制等更复杂的元素和概念。学习HTML需要掌握这些基础，并不断深入理解网页布局和交互设计的原理。随着Web技术的发展，HTML5引入了许多新的元素和功能，使得网页设计更加丰富和强大。
你的选择是做或不做，但不做就永远不会有机会。
!2*33 = =36=6
!
&=日期减去天数等于第二个日期
3U03
$'##.###
J
可以加上错误处理
02S'##
=0M'
"###<&<)-<)-<---
2S'
'=RZ'N年N'=8'NN月N=S'N日
L'--.
3
&=选择了哪一个 D#
6789303
$'
#
=#2#2==0
!
#$
3TMSZ
:>EH7# 3#0 #?
:>EH7# 3#0#T#
:>EH7 3V0'
TMSZ6789
&=脚本永不出错
?CD:E79F>GHFG;U0?3
I""6#$;'JL2#2=;""
?CD:E7
&&=;>7;D 键可以让光标移到下一个输入框
3 #2'0= C#0= C#,
&(=检测某个网站的链接速度：
把如下代码加入# 区域中%
3U03
$
:0'$NN.--
02F '
[]222=@0=
人类身上最大的两把武器：信心和勇气。
剩余35页未读，继续阅读
707 浏览量
2019-04-13 上传
2021-07-07 上传
405 浏览量
707 浏览量
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
shitou_
- 粉丝: 0
- 资源: 1
我的内容管理
展开
最新资源
- MATLAB新功能：Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件：创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用：基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现：Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence：掌握ISO8601日期范围与重复间隔检查
