HTML标签全览：从贴图到背景定制
需积分: 15 27 浏览量
更新于2024-07-23
收藏 148KB DOC 举报
"HTML代码大全"
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它允许开发者通过一系列标签来构建网页结构，并呈现文本、图像、链接等多种元素。以下是一些基本的HTML代码示例：
1) 贴图：
`<img src="图片地址">`
这个标签用于插入图片，`src`属性是必需的，用于指定图片的URL。
2) 加入连接：
`<a href="所要连接的相关地址">写上你想写的字</a>`
`<a>`标签用于创建超链接，`href`属性定义了链接的目标地址。
3) 在新窗口打开连接：
`<a href="相关地址" target="_blank">写上要写的字</a>`
`target="_blank"`属性可以使链接在新的浏览器窗口或标签页中打开。
4) 消除连接的下划线：
`<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>`
通过CSS样式`text-decoration:none`可以去掉链接的下划线。
5) 移动字体(走马灯)：
`<marquee>写上你想写的字</marquee>`
`<marquee>`标签用于创建滚动或循环显示的文本，但已不推荐在现代网页设计中使用，因为它不是标准HTML5的一部分。
6-10) 字体样式控制：
- `<b>`标签使文本加粗
- `<i>`标签使文本斜体
- `<u>`标签添加下划线
- `<s>`标签添加删除线
- `<big>`标签增大字体大小（HTML5中已废弃，建议使用CSS控制）
- `<h1>`到`<h6>`标签定义不同级别的标题，`<h1>`为最大，`<h6>`为最小
11) 更改字体颜色：
`<font color="#value">写上你想写的字</font>`
`color`属性定义字体颜色，`#value`是16进制的颜色代码。
12) 消除连接的下划线：
`<a href="相关地址" style="text-decoration:none">写上你想写的字</a>`
同第4点，通过CSS样式去除下划线。
13) 贴音乐：
`<embed src="音乐地址" width="300" height="45" type="audio/mpeg" autostart="false">`
`<embed>`标签用于嵌入多媒体内容，如音乐。`type`属性定义媒体类型，`autostart="false"`表示音乐不自动播放。
14) 贴Flash：
`<embed src="flash地址" width="宽度" height="高度">`
同样用于嵌入Flash对象，`width`和`height`定义其尺寸。
15) 贴影视文件：
`<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>`
`<img>`标签的`dynsrc`属性用于动态加载视频，`start=mouseover`表示当鼠标悬停时开始播放。
16) 换行：
`<br>`
`<br>`标签用于插入一个换行符。
17) 段落：
`<p>段落</p>`
`<p>`标签定义了一个段落。
18) 原始文字样式：
`<pre>正文</pre>`
`<pre>`标签保留其内的空白字符，用于显示预格式化的文本。
19-21) 背景设置：
- `<body background="背景图片地址">`设置页面背景图片
- `body bgproperties=fixed`使背景图片固定，不随滚动条滚动（非标准HTML5属性）
- `<body bgcolor="">`设置页面背景颜色，`bgcolor`属性定义颜色值（HTML5中已废弃，建议使用CSS）
以上这些是HTML的基本用法，不过在实际开发中，更推荐使用HTML5标准，并结合CSS来控制样式和布局，以获得更好的兼容性和可维护性。了解这些基础后，你可以进一步学习HTML5的新特性，如语义化标签、媒体元素、表单控件等，以及如何与JavaScript和CSS配合创建交互式的现代网页。
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
33.电子邮件处理提交表单
<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain">
<input type=submit>
</form>
34.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
35.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">
36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
37. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
38. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
39. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
40.TEXTAREA 自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
41. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
剩余29页未读，继续阅读
点击了解资源详情
点击了解资源详情
点击了解资源详情
582 浏览量
680 浏览量
403 浏览量
721 浏览量
290 浏览量
飞扬紫云
- 粉丝: 10
- 资源: 147
我的内容管理
展开
最新资源
- 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日期范围与重复间隔检查
