我的html学习——第二天
2016-11-20 13:14
148 查看
1.在head中对html文本进行格式化。
2.做一个没有下划线的链接。
3.通过外部样式表进行格式话。
4.用图像来做链接。
5.设置链接属性target为black时链接会在一个新窗口打开。
6.使用name属性创建锚点链接导同一个页面不同位置。
7.插入一张图片。
8.设置背景图片，jpg/gif文件均可用作html背景，如果图片小于页面图片将会重复。
9.设置图片的对齐方式，默认是底部对齐。
10.当浏览器无法显示图片时，使用alt属性使文字代替文本。
11.创建图片映射，使得图片中的某些区域可以作为一个链接使用。
<html>
<head>
<style type="text/css">
h1{color:red}
p{color:green}
</head>
<body>
<h1>header</h1>
<p>a paragraph.</p>
<a herf="www.baidu.com" style="test-decoration:none">百度一下</a>
</body>
</html>
<html>
<head>
<link rel="stylesheet" type="text/css" herf="/html/cssteste.css">
</head>
<body background="/d/www/images/background.jpg">
<h1><a name="x">我是通过外部样式格式表进行格式话的。</a></h1>
<p>我也一样。</p>
<p>
您也可以用图像来做链接：
<a herf="www.baidu.com" target="_black">
<img border="0" src="1.jpg"/>
</a>
</p>
<p>
<a herf="#x">回到顶端</a>
</p>
<p>这是一张图片
<img src="/d/www/image/2.jip" width="100" height="100"align="middle" alt="爱你，么么哒！">
</p>
<!--下面展示的是创建图片映射，<map>定义图片地图，<area>定义地图中的可选区域，img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。-->
<p>请点击图片上的星球使它放大。</p>
<img src="/d/images/1.jip" border="0" usemap="#planetmap">
<area
shape="circle" coords="180,139,14"
herf="/example/html/venus.html"
target="_blank"
/>
</p>
</body>
</html>
2.做一个没有下划线的链接。
3.通过外部样式表进行格式话。
4.用图像来做链接。
5.设置链接属性target为black时链接会在一个新窗口打开。
6.使用name属性创建锚点链接导同一个页面不同位置。
7.插入一张图片。
8.设置背景图片，jpg/gif文件均可用作html背景，如果图片小于页面图片将会重复。
9.设置图片的对齐方式，默认是底部对齐。
10.当浏览器无法显示图片时，使用alt属性使文字代替文本。
11.创建图片映射，使得图片中的某些区域可以作为一个链接使用。
<html>
<head>
<style type="text/css">
h1{color:red}
p{color:green}
</head>
<body>
<h1>header</h1>
<p>a paragraph.</p>
<a herf="www.baidu.com" style="test-decoration:none">百度一下</a>
</body>
</html>
<html>
<head>
<link rel="stylesheet" type="text/css" herf="/html/cssteste.css">
</head>
<body background="/d/www/images/background.jpg">
<h1><a name="x">我是通过外部样式格式表进行格式话的。</a></h1>
<p>我也一样。</p>
<p>
您也可以用图像来做链接：
<a herf="www.baidu.com" target="_black">
<img border="0" src="1.jpg"/>
</a>
</p>
<p>
<a herf="#x">回到顶端</a>
</p>
<p>这是一张图片
<img src="/d/www/image/2.jip" width="100" height="100"align="middle" alt="爱你，么么哒！">
</p>
<!--下面展示的是创建图片映射，<map>定义图片地图，<area>定义地图中的可选区域，img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。-->
<p>请点击图片上的星球使它放大。</p>
<img src="/d/images/1.jip" border="0" usemap="#planetmap">
<area
shape="circle" coords="180,139,14"
herf="/example/html/venus.html"
target="_blank"
/>
</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Android从放弃到精通 第二天 我还好
- 2017-12-11战斗有限状态机FSM -第二天
- 跟着鱼C学HTML学习记录0
- 2017-12-20php学习基础巩固第二天
- beta冲刺第二天
- LINUX 第二天
- 第二阶段冲刺第二天站立会议
- 第二轮第二天冲刺
- 第二天HTML基本标签的学习
- Oracle实战笔记（第二天）
- 廖大python实战项目第二天
- 第二天——广搜
- c# 小白之旅第二天
- 学习scrapy的第二天
- STM32入门之旅（第二天）-------开发环境搭建、库函数使用
- spring初体验第二天--基于配置文件的aop
- html学习总结1
- 第二周第二天
- 第二天linux，yum源配置和ftp部分设置
- 程序员考试补课笔记-第二天