<!DOCTYPE html>
<html lang="en">
<!-- <html lang="zh-CN"> -->
<!-- en英文,zh-CN中文 -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>html基础</title>
</head>
<body>
<h1>文本格式化标签</h1>
我是<strong>加粗</strong>的文字
我是<b>加粗</b>的文字
我是<em>倾斜</em>的文字
我是<i>倾斜</i>的文字
我是<del>删除线</del>
我是<s>删除线</s>
我是<ins>下划线</ins>
我是<u>下划线</u>
<h1> 图像标签的使用:</h1>
<img src="img.jpg" />
<h4> alt 替换文本 图像显示不出来的时候用文字替换:</h4>
<img src="img1.jpg" alt="我的图片" />
<h4> title 提示文本 鼠标放到图像上,提示的文字:</h4>
<img src="img.jpg" title="我的图片" alt="我的图片" />
<h1> width 给图像设定宽度:</h1>
<!-- 注意当图片只设定宽或者高时会等比缩放,同时设定宽和高图片会变形 -->
<img src="img.jpg" alt="我的图片" title="我的图片" width="500" />
<h4> height 给图像设定高度:</h4>
<img src="img.jpg" alt="我的图片" title="我的图片" height="100" />
<h4> border 给图像设定边框:</h4>
<img src="img.jpg" alt="我的图片" title="我的图片" width="500" border="15" />
<h1>超链接标签</h1>
<h4>1.外部链接</h4>
<a href="http://www.qq.com" target="_blank"> 腾讯</a>
target 打开窗口的方式 默认的值是 _self 当前窗口打开页面 _blank 新窗口打开页面
<a href="http://www.itcast.cn" target="_blank">传智播客</a>
<h4>2.内部链接: 网站内部页面之间的相互链接</h4>
<a href="gongsijianjie.html" target="_blank">公司简介</a>
<h4>3.空链接:#</h4>
<a href="#">公司地址</a>
<h4>4.下载链接: 地址链接的是 文件 .exe 或者是 zip 等压缩包形式</h4>
<a href="img.zip">下载文件</a>
<h4>5.网页元素的链接,如文本,图像,表格,音频,视频等</h4>
<a href="http://www.baidu.com"><img src="img.jpg" /></a>
<a href="http://www.baidu.com">点我会跳往百度</a>
<h4>锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置. </h4
在链接文本的 href 属性中，设置属性值为 #名字 的形式，如<a href="#two"> 第2集 </a> <br>
找到目标位置标签，里面添加一个 id 属性 = 刚才的名字 ，如：<h3 id="two">第2集介绍</h3>
</body>
</html>
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
