html学习

来源:互联网 发布:linux 重启命令卡住 编辑:程序博客网 时间:2024/06/10 21:12

元素a代表链接,属性href代表超文本引用

例:<a herf="http://www.html.net/">这是个指向html.net的链接</a>

如果在同一个网站的不同网页不需要写出网页的完整URL(统一资源定位符)

<a href="page2.html">点击这里跳转到第二页</a>

id属性标出要指向的元素

例<h1 id="heading1">标题1</h1>//即以后链接跳转到这里

然后在链接中利用"#"来指向那个元素,“#”后面必须紧跟着一个id属性的值,表明链接指向该id属性被定义的地方。(比如之前定义了heading1,那么就会跳转到那里)

例:<a href="#heading1>跳转到标题1</a>

title属性用于为该链接输入一个简短描述,即当你把鼠标停留在该链接上时(不能点击),提示就会出现

<a href="http://www.html.net"title="我要学html...">点击跳转</a>

添加图像,首先告诉浏览器我要插入图像,然后给出这张图像的存放位置(src,即source)

< img src="d3eb9ba95bb6faa1b3050e7203ff8c93.jpg">(一个萌妹子的动漫)

注意img没有为标签,想到<br>了吗~~

注意图像需要与hml在同一个文件夹中,否则要加路径~~

如果想点击图像实现超链接,可以这样

</a herf="http://www.html.net/"><img src="d3eb9ba95bb6faa1b3050e7203ff8c93.jpg"></a>

alt属性用于给出图像的替用描述,假如由于某些原因该图像未能显示出来,浏览器就通过显示这个描述来替代图像。对于有视力障碍的人士来说,或者当网页打开很慢的时候,这一特性显得尤为重要。所以说,始终记得写alt属性

<img src="d3eb9ba95bb6faa1b3050e7203ff8c93.jpg"alt="html.net logo">

图像太大怎么办?

用width和heigh

<img src="d3eb9ba95bb6faa1b3050e7203ff8c93.jpg"width="32"heigh="32">

在高分辨率显示模式下,差不多25个像素等于1公分;而在低分辨率显示模式下,同样的25个像素大约等于1.5公分。


0 0
原创粉丝点击