`
hubin4
  • 浏览: 96736 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

HTML-2-格式-文本-超连接-URL-图象-地图标签

    博客分类:
  • HTML
阅读更多
04 js

格式 和文本 标签

简单的不说了
说点希奇的

比如我的显示器小,
IE把很长的一窜文字自动换行了
而我不喜欢换行,希望显示出来一行效果
哪怕出现左右滚动条也没有关系
那么就用这个
<nobr></nobr>可以弄出一根很长的水平滚动条


2.<blockquote></blockquote>宿进,要宿二次就再套一对

3.<marquee behavior=slide 到边就停
sroll 滚
alter 来回滚

4.<dl></dl><dt></dt><dd></dd>
就像列表吧
我自己瞎猜一下
l:list
t:title
d:data

5.<ol></ol><li></li>
6.<ul></ul><li></li>

-----------------
偶尔也可用用

<h1></h1>...<h6></h6>
<b></b><u></u><i></i>

<sub></sub>
<sup></sup>
<tt>打印机</tt>
<em>strong</em>
<strong>strong黑体 粗体</strong>
<cite>引用方式显示文本</cite>

<font> face[没有字体,IE忽略,用默认] size color

===================================

05 js

hyperlink

<a href="xxx.html" target="_blank">xxx</a>

<a href="xxx.html"><img border=0 src="cc.gif"></a>

<a href="mailto:xxx@sina.com?subject=hi">contact me</a>

there is another good thing is hyperlink

<a name="mark1">[好象没有结束tag]

在同一个PAGE里
可以这样jump
<a href="#mark1">jump to</a>[#代表本页]

在其他页跳进来
<a href="xxx.html#mark1">jump to</a>

==============
<a href="#">self</a> 到自己页
<a href="">blank</a> 到目录去了[本地计算机]
<a href="">blank</a> 到目录的默认网页去了[www]


================================
06 js

URL Uniform Resource Locator

网络资源 [文件,等其他]

URL基本组成:
协议 主机名 断口 资源名
http: www.ai.com 8080 index.html

协议规定IE怎么到SERVER拿资源,怎样拿
当然协议不仅仅是HTTP
还有FTP等

断口不些就表示取协议的默认端口 HTTP 80
FTP:21[好象是]

----------路径问题来了
/开头 表示主机 根 目录
../开头 当前资源所在目录的 父目录
a.html
或者./开头 表示当前目录下的目录或者文件

使用相对URL,集体迁移不需要改变什么!!

★URL还可以传参数
http://www.mike.com/index.html?name=jack&age=12
?键值对&键值对
都是String
特殊情况是 index?name=&age=12
这时 name也传值了 传了 '空串'

★通常,能接受参数的 网络资源 都是可以在server上run的程序!!

HTTP协议规定URL不可以传特殊字符 所以,如果要传中文什么的,
要先进行URL编码!!

mailto URL
mailto:xx@xx.com?subject=Feedback&body=How%20are%20you!

这些完全可以去MSDN里查
记个P啊

顺带说两个小知识 CC BCC
看看MSDN里有多么的详细:
mailto Protocol

--------------------------------------------------------------------------------

Opens a client's e-mail system.

Syntax

mailto:sAddress[sHeaders]
Tokens

sAddress
One or more valid e-mail addresses separated by a semicolon. You must use Internet-safe characters. Use %20 for the space character.
sHeaders
Optional. One or more name-value pairs. The first pair should be prefixed by a "?" and any additional pairs should be prefixed by a "&". The name can be one of the following strings.
subject
Text to appear in the subject line of the message.
body
Text to appear in the body of the message.
CC
Addresses to be included in the "cc" (carbon copy) section of the message.
BCC
Addresses to be included in the "bcc" (blind carbon copy) section of the message.


-------URL编码
了解一下就可以了
规则:
1 0-9,A-Z等不变
2 把空格变+
  觉得不雅观 ,所以不变+,直接用 十六进制编码 %20

3,其他字符 要以当前字符集在内存里的十六进制格式表示
每个字节前加%
注意是以当前字符集,字符集不一样,同样的汉字在内存里的表示也是不一样的

当然,如果确定 server肯定认识 中文,那直接传中文也是可以的
但是不推荐的,尽量避免中文
========================

07 js

图象标签

<img src="must need">
alt
align
border
width
height

....
这些别去记,IDE会统统告诉我们的
MSDN里什么都有,千万别我记!

<img src=""/>
这的src是告诉IE,我的资源在什么地方
至于资源是什么,无所谓的
所以可以自己写验证码,
可以在HTML里输出网站被访问了几次的动态内容

<img src="xxx/count.jsp" />
=====================
08 js

图象地图

就像一张国家地图,点那个省就到哪个URL

怎么样产生呢??
1 定义热点形状 位置坐标 URL
<map name=mapname></map>

2 再用area
<area shape='' coords='' href=''>
href 也可用nohref替换,表示这个区域单击鼠标无效
<area 也有一个target属性

3 还要用 usemap 属性
<img src="xx.jpg" usemap="#mymap">
非常的繁杂,看MSDN吧 也不会常用,要用也用DREAMWEAVER来做![谁会算坐标呢??]

-------看个小例子

<map name=mymap>
<area shape="rect" coords="0,0,50,50" href="a.html">
<area shape="rect" coords="50,0,100,50" href="b.html">
<area shape="rect" coords="100,0,150,50" href="c.html">
</map>

好了,上面定义好了
下面就用了
<img src="logo.gif" border=0 usemap="#mymap">
===============
分享到:
评论

相关推荐

    HTML超文本标记语言.ppt

    HTML,全称Hyper Text Markup Language,即超文本标记语言,是用于创建网页的基本构成元素的排版语言。它并非一种编程语言,而是一种标记语言,主要用于描述网页的结构和内容。HTML最早源自标准通用化标记语言SGML,...

    s-t图象、v-t图象题集[归纳].pdf

    这些题目涉及的是物理学中的运动学概念,特别是与s-t图象(位移-时间图象)和v-t图象(速度-时间图象)相关的知识。s-t图象描绘了物体在不同时间的位置变化,而v-t图象则反映了物体速度随时间的变化规律。 1. s-t...

    vchome资料2--图象,多媒体,多线程等

    vchome资料2--图象,多媒体,多线程,xml,net,线程编程等

    HTML(超文本标记语言)编程教程

    - **预格式化文本**:`&lt;pre&gt;`标签可以用来保持文本的原始格式和空格。 - **多列文本**:虽然HTML本身不直接支持多列布局,但可以通过CSS或其他技术实现。 #### 六、图像处理 - **基本语法**:使用`&lt;img src="URL"&gt;`...

    网页制作--图象特效集锦

    网页制作中的图象特效是提升网站视觉吸引力和用户体验的关键元素。在现代网页设计中,图象不仅用于传达信息,还通过动态效果、过渡动画、滤镜应用等手段增强互动性和观赏性。本集锦深入探讨了如何巧妙地利用这些技术...

    二次函数y=ax-h2+k-图象和性质.ppt

    同样,函数 \(y=9(x+2)^2\) 是从 \(y=9(x-3)^2\) 的图象向左平移 5 个单位得到的,这个函数开口向上,对称轴是 \(x=-2\),顶点坐标是 \((-2,0)\),当 \(x&lt;-2\) 时,\(y\) 随 \(x\) 的增大而增大,且当 \(x=-2\) 时,...

    2022年优秀-超媒体与Web系统2.pptx

    本资源摘要信息主要关注超媒体与Web系统的概念、发展简史、超文本与超媒体技术、信息的关联特性等方面的知识点。 超媒体与Web系统发展简史 --------------------------- 超媒体与Web系统的发展可以追溯到20世纪60...

    html 教程---表单设计

    * 背景图象:&lt;body background="image-URL"&gt; * 页面空白:、 1.3.4 文字样式 * 局部设定文字样式: * 改变预设文字大小:“”&gt; * 文字样式(逻辑字体和物理字体):、、&lt;cite&gt; 等。 * 跑动文字: HTML 表单设计...

    图象文件格式(下) - Windows编程.rar

    本压缩包文件“图象文件格式(下) - Windows编程.rar”提供了关于图像文件格式的深入学习资料,特别关注了在Windows环境下如何与这些格式交互。 图像文件格式主要包括位图(BMP)、JPEG、PNG、GIF等。下面我们将详细...

    in-sight视觉传感器培训教程2-图象采集

    本篇教程详细阐述了Cognex的In-Sight视觉传感器的图象采集相关内容,重点介绍了In-Sight Explorer软件的使用、In-Sight视觉传感器的基本操作和术语,以及如何通过In-Sight Explorer软件管理视觉系统的图像采集和文件...

    Microsoft SQL Server文本及图象数据的存取.pdf

    Microsoft SQL Server文本及图象数据的存取 本文主要讲述了Microsoft SQL Server文本及图象数据的存取方法,特别是使用ADO(ActiveX Data Objects)和DB-Library来实现文本和图象数据的存取。 在SQL Server中,...

    迷你PS----图象快速处理工具

    此软件功能如下: 1:文件(载入图片 保存新图片 还原 退出) 2:色调(R色调 G色调 B色调 平均 反色 亮度) 3:效果(灰度 霓红 平滑 逆反处理 锐化 浮雕 镶嵌 透明度) 4:帮助(关于此软件 技术...

    二次函数y=ax-h2+k-的图象和性质.ppt

    前者是向左平移了5个单位(实际应该是2个单位,因为 \( h=-2 \)),开口向上,对称轴是 \( x=-2 \),顶点坐标是 \( (-2, 0) \)。当 \( x &gt; -2 \) 时,\( y \) 随着 \( x \) 的增大而增大;当 \( x=-2 \) 时,\( y \)...

    MATALB 图象-低通滤波和高通滤波

    图象增强用的,低通滤波和高通滤波 =imread('eight.tif'); I2=imnoise(I,'salt & pepper'); subplot(2,2,1); imshow(I),title('原图象'); subplot(2,2,2); imshow(I2),title('噪声图象'); f=double(I2); g=fft2(f); ...

    商业编程-源码-图象的几何变换算法.zip

    这个压缩包文件“商业编程-源码-图象的几何变换算法.zip”很可能包含了实现这些变换的源代码,这对于理解图像处理背后的算法以及在实际项目中应用它们非常有价值。 1. **几何变换的基本概念**: 几何变换是将图像...

    数学教案-二次函数y=ax2的图象-教学教案.docx

    这篇文档是关于数学教案,主题聚焦于二次函数`y=ax^2`的图象和性质。教学目标旨在让学生掌握如何通过描点法绘制二次函数的图象,理解并分析其特性,同时也强调了数形结合的数学思想以及培养学生的观察和分析能力。...

    步步高大一轮复习讲义2013版-第一章专题1-运动图象-追及与相遇问题.doc

    综上所述,运动图象是解决物理中运动问题的重要工具,尤其在处理追及与相遇问题时,通过图象可以直观地分析两物体的动态关系,进而找出解决问题的关键点。正确理解和应用这些图象分析方法,能够有效地解决实际的物理...

    一次函数的表达式、图象、性质(随堂测试)-2页.pdf

    所以,可以写出一条与之平行的直线,如y = -2x + 1(答案不唯一,只要斜率为-2即可)。 5. 从3xy到233xy的转变,表明斜率不变(仍然是3),而y轴上的截距从b变为了2b。这意味着图象沿y轴向下平移了b = 3个单位长度...

    2014高考数学(理)一轮:一课双测A+B精练(八)----函数的图象.doc

    - 函数y=log2(x-1)的图象可以通过将y=log2x的图象上的点的纵坐标缩短到原来的1/2,横坐标不变,然后向右平移1个单位得到,选项A正确。 3. 函数图象的周期性和对称性: - 函数f(x)满足f(-x)=f(x)表明它是偶函数,f...

    (2021-2022年)专题资料完美版全一册下 第二章 第4课 二次函数y=ax-h2的图象与性质.ppt

    - 问题9展示了`y = -2(x - 1)^2`的图象,开口向下,对称轴为x = -1,顶点坐标为(-1, 0),答案D。 - 问题10中的`y = -3(x + 1)^2`,开口向下,对称轴为x = -1,顶点坐标为(-1, 0),当x &lt; -1时,y随x增大而增大,...

Global site tag (gtag.js) - Google Analytics