web前端开发，基础学习-1

最新推荐文章于 2024-07-16 17:18:30 发布

spider文

最新推荐文章于 2024-07-16 17:18:30 发布

阅读量146

点赞数 2

文章标签：前端学习

本文链接：https://blog.csdn.net/m0_73639297/article/details/138199927

版权

<!DOCTYPE html>  
<html>
     <head>   <!--一般不是给用户看的-->
          <title>我的网页</title>
          <meta charset="UTF-8">  <!--这是一个单标签  国际通用语言-->  
     </head>
     <body><!--给用户看的-->
        <h1 align="left">去</h1>   <!--标题的属性：align标题的位置摆放-->
        <h2 align='right'>vd</h2>
        <h3 align='center'>vdas</h3>
        <h4></h4>
        <h5></h5>
        <h6></h6>
      <p>我是一个段落标签，段落文本</p>
      <p>这是一个新的段落<br>这是一个换行标签还是单标签</p>
      <hr color="red" width="300px" size="5px" align="left">  <!--px是指像素点-->
      <a href="https://www.guizhou.gov.cn/ztzl/zcwjk/index.html?">超文本链接-加入href属性,后面会学习css对链接进行修改加载也就是跳转的地址,也可以是图片</a>
      <img src="https://ts1.cn.mm.bing.net/th/id/R-C.23034dbcaded6ab4169b9514f76f51b5?rik=mSGADwV9o%2fteUA&riu=http%3a%2f%2fpic.bizhi360.com%2fbbpic%2f40%2f9640_1.jpg&ehk=RYei4n5qyNCPVysJmE2a3WhxSOXqGQMGJcvWBmFyfdg%3d&risl=&pid=ImgRaw&r=0" width="400px">
      <img src="1.png" alt="图片描述，如果图片名字弄错好寻找" width="300px" title="鼠标停在图片上显示的内容">   <!--一般只对宽度进行改变插入图片注意必须在同一个文件中-->
     </body>
</html>

HTML5 介绍

双标签

单标签 <img>

<!DOCTYPE html> 避免在不同的浏览器出现不同的结果

在代码的最顶部写上

<h1></h1> ....<h6></h6> 1~6级标签

H$*6 回车自动生成1~6级的标签

Src有三种路径

相对路径：和文件在同一路径下，绝对路径：从盘符寻找，网络路径：直接给网络地址

超文本链接：

一个未访问过的链接显示为蓝色字体带下滑线

访问过的链接显示为紫色带有下滑线

点击链接是变成红色

spider文

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端开发，基础学习-1

相对路径：和文件在同一路径下，绝对路径：从盘符寻找，网络路径：直接给网络地址。DOCTYPE html> 避免在不同的浏览器出现不同的结果。<h1></h1> ....<h6></h6> 1~6级标签。一个未访问过的链接显示为蓝色字体带下滑线。H$*6 回车自动生成1~6级的标签。访问过的链接显示为紫色带有下滑线。单标签 <img>
复制链接

扫一扫

web前端开发，基础学习-1

“相关推荐”对你有帮助么？