如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
HTML使用嵌入图片
HTML文件可以包含图片,同时可以给图片设置超链接、代替文字并标记超链接。
我们可以使用img>元素进行相关的操作。
工具/原料
- 推荐使用notepad
- 推荐浏览器使用Google Chrome
方法/步骤
打开notepad ,新建一个HTML类型文件,并写入:
!doctype html>
html>
/html>
此语句表明HTML的开始和结束位置
在html>和/html>之间加入head>和body>:
head>
/head>
body>
/body>
head>/head>用来标记HTML中的说明部分,body>/body>用来标记HTML主体部分。
在head>/head>中加入字符集说明和标题说明:
meta charset="utf-8">
title> 嵌入图片 /title>
charset="utf-8"用于指明使用的字符集;title> 嵌入图片 /title>用于指明文件标题。
在body>/body>中写入文件主体,包括超链接、图片等:
a href="http://www.baidu.com"> img src="F:\picture\1467885799657.jpg" alt="嵌入图片"> /a>
其中:a href=".....">/a>用于标记超链接的网址,其中的"http://www.baidu.com"可以更换成其他网址;img src="..." alt="嵌入图片"> 用于嵌入图片,src="..."表示图片位置;alt="..."当图片无法正常显示的时候,代替图片显示文字。
将文件保存为HTML格式,并使用浏览器打开。
点击图片后,跳转进入百度。制作完成。
注意事项
- 、 为单标签,其余为双标签。
- 必须为第一行,前面不可以有空行,也不可以省略不写。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 438 HTML