前端第一课 初入HTML
作者:互联网
<!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 />
标题标签
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
图片标签<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 鼠标放到图片上的提醒文本
标签:文件夹,src,标签,html,标题,初入,第一课,HTML,图片 来源: https://blog.csdn.net/qq_61896295/article/details/123642973