HTML基础代码指南：贴图、链接与样式
需积分: 32 46 浏览量
更新于2024-07-24
收藏 133KB DOC 举报
"HTML代码大全包含了基本的HTML标签和元素，如图像、链接、新窗口打开链接、走马灯效果、文本格式化、字体颜色、音乐、Flash、影视文件的插入，以及换行、段落、原始文字样式、背景设置等。"
HTML，全称HyperText Markup Language，是一种用于创建网页的标准标记语言。以下是对摘要中提到的HTML知识点的详细解释：
1. **贴图**：`<img>` 标签用于插入图像，`src` 属性定义了图像的URL。
示例：`<img src="图片地址">`
2. **加入连接**：`<a>` 标签用于创建超链接，`href` 属性指定链接的目标URL。
示例：`<a href="所要连接的相关地址">写上你想写的字</a>`
3. **在新窗口打开连接**：添加 `target="_blank"` 属性可以使链接在新的浏览器窗口或标签页中打开。
示例：`<a href="相关地址" target="_blank">写上要写的字</a>`
4. **消除链接下划线**：通过设置CSS样式 `text-decoration:none` 可以去除链接的下划线。
示例：`<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>`
5. **移动字体（走马灯）**：`<marquee>` 标签可以创建文本或图像的滚动效果。
示例：`<marquee>写上你想写的字</marquee>`
6. **字体格式**：
- **加粗**：`<b>` 标签使文本加粗。
- **斜体**：`<i>` 标签使文本倾斜。
- **下划线**：`<u>` 标签添加下划线。
- **删除线**：`<s>` 标签添加删除线。
- **加大字体**：`<big>` 标签可以加大字体，但已被HTML5废弃，建议使用CSS来控制字体大小。
- **字体控制大小**：`<h1>` 至 `<h6>` 标签定义不同级别的标题，数字越大，标题越小。
7. **字体颜色**：`<font color="#value">` 允许设置文本颜色，`#value` 是16进制的颜色代码。
8. **消除连接下划线**：同上，使用CSS的 `text-decoration:none` 属性。
9. **贴音乐**：`<embed>` 标签用于插入多媒体，如音频，`src` 指定音乐文件地址，`type` 定义媒体类型。
10. **贴Flash**：同样使用 `<embed>` 标签，添加 `width` 和 `height` 属性定义Flash对象的尺寸。
11. **贴影视文件**：`<img dynsrc>` 结合 `start=mouseover` 可以在鼠标悬停时播放视频。
12. **换行**：`<br>` 标签用于强制文本换行。
13. **段落**：`<p>` 标签定义一个段落。
14. **原始文字样式**：`<pre>` 标签保持文本的原始格式，包括空格和换行。
15. **换帖子背景**：通过 `<body background="背景图片地址">` 设置页面背景图像。
16. **固定帖子背景**：`body bgproperties=fixed` 可以使背景图像固定，不随页面滚动。
17. **定制帖子背景颜色**：通过CSS的 `background-color` 属性设置背景色。
这些是HTML的基本元素，它们共同构建了网页的结构和样式。学习并熟练掌握这些元素，可以帮助你创建出功能丰富、视觉效果良好的网页。同时，随着HTML5的普及，许多新的标签和属性被引入，如`<section>`、`<header>`、`<footer>`等，用于更语义化的网页布局，以及`<canvas>`、`<video>`、`<audio>`等用于富媒体内容的呈现。理解并运用这些现代HTML特性，可以提升网页的用户体验和可访问性。
32.怎样去掉图片链接点击后，图片周围的虚线？
<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>
剩余30页未读，继续阅读
2023-11-01 上传
2024-02-14 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
nini_9969
- 粉丝: 1
- 资源: 1
我的内容管理
展开
最新资源
- BGP协议首选值(PrefVal)属性与模拟组网实验
- C#实现VS***单元测试coverage文件转xml工具
- NX二次开发：UF_DRF_ask_weld_symbol函数详解与应用
- 从机FIFO的Verilog代码实现分析
- C语言制作键盘反应力训练游戏源代码
- 简约风格毕业论文答辩演示模板
- Qt6 QML教程：动态创建与销毁对象的示例源码解析
- NX二次开发函数介绍：UF_DRF_count_text_substring
- 获取inspect.exe：Windows桌面元素查看与自动化工具
- C语言开发的大丰收游戏源代码及论文完整展示
- 掌握NX二次开发：UF_DRF_create_3pt_cline_fbolt函数应用指南
- MobaXterm：超越Xshell的远程连接利器
- 创新手绘粉笔效果在毕业答辩中的应用
- 学生管理系统源码压缩包下载
- 深入解析NX二次开发函数UF-DRF-create-3pt-cline-fcir
- LabVIEW用户登录管理程序：注册、密码、登录与安全
