前端第一课初入HTML

最新推荐文章于 2024-06-14 08:20:46 发布

SaiKa563

最新推荐文章于 2024-06-14 08:20:46 发布

阅读量1.2k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_61896295/article/details/123642973

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <body text-align="center">
       <h3>静夜思</h3>
       床前明月光
       <br />
       疑似地上霜
       <br />
       举头望明月
       <br />
       低头思故乡
       <br />
       <p>文章段落标签 p</p>
       <img src="img/touxiang.jpeg" name="img是图像标签"
       width="200px" height="200px" alt="代替文本"
       title="img是图像标签 src是路径文件夹是相对路径,width宽 heigth高，alt是替换文本（
       当你的服务器上这个图片加载1错误时代替的文本）"/>

       <img src="https://gimg2.baidu.com/
       image_search/src=http%3A%2F%2Fup.enterdesk.com%
       2Fedpic%2Fde%2Fb2%2F74%2Fdeb274e390af93d6650e0b0c3f4bcff2.jpeg
       &refer=http%3A%2F%2Fup.enterdesk.com&app=2002&
       size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?
       sec=1650441582&t=848c4c5e0dcb8892fb656b47457d6220"
       name="img是图像标签" title="img是图像标签 src是路径网址是绝对路径">

   </body>
</html>

html是什么？

HyperText Markup Language 超文本标记语言在浏览器里运行并显示

浏览器的分类

google chrome 谷歌

firefix 火狐

Internet Explorer IE浏览器

safari 苹果浏览器

opera 欧朋

段落标签 <p>段落内容</p>

换行标签 <br />

标题标签

图片标签<img src="" alt=""> src用来引入图片路径

1、当html文件与图片在同一个目录下，src的值直接写图片名称 <img src=“1.jpg”> 或 <img src=“./1.jpg”>

2、当html文件与图片所在文件夹在同一个目录下，src的值先写文件夹名称，再写图片名称 <img src="img/2.jpg"> 或 <img src="./img/2.jpg">

3、当html文件所在文件夹与图片在同一个目录下，src的值先通过 ../ 跳出当前目录，再写图片名称 <img src="../3.jpg">

4、当html文件所在文件夹与图片所在文件夹在同一个目录下，src的值先通过../ 跳出当前目录，再写图片文件夹名称，最后写图片名称 <img src="../img/4.jpg"> alt 当图片加载失败时的替代文本 width 宽度 height 高度 title 鼠标放到图片上的提醒文本

SaiKa563

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端第一课初入HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body text-align="center"> <h3>静夜思</h3> 床前明月光 ...
复制链接

扫一扫