博客列表 >标签概念,标题标签h,段落标签注p,连接标签与锚点a,通用容器标签div,图片标签 img

标签概念,标题标签h,段落标签注p,连接标签与锚点a,通用容器标签div,图片标签 img

豌豆君
豌豆君原创
2020年12月09日 14:19:26638浏览

<!DOCTYPE html>

<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>标题和段落</title>
</head>
<body>
<!-- 页面中看到的内容都是由元素组成 元素由标签和标签属性来描述 标签分双标签和单标签 script 和 ?php 也是标签 -->

<!-- 标题标签:除了设置文档标题之外,是用来划分页面结构 h1,h2,h3,h4,h5,h6-->
<h1>下个月每人加新1000元</h1>
<!-- 段落标签 p-->
<p>下个月每人加新$1000</p>
<!-- 连接标签 a 互联网的灵魂-->
<!-- <a href="跳转的目标" target="_self">php中文网</a> -->
<!-- <a href="跳转的窗口" target="iframt内联框架的name值">php中文网</a> -->
<a href="https://www.php.cn" target="_self">php中文网</a>
<a href="https://www.php.cn" target="_blank">php中文网</a>
<a href="https://www.baidu.com" target="baidu">打开小度</a>
<iframe srcdoc="<em>点击上面的:小度</em>" name="baidu" width="400" height="200"></iframe>

<!-- a标签可以做锚点,使用锚点,可以实现当前页面中的任何位置进行跳转也叫路由 href以#来引用id-->
<!-- 通用容器标签 div-->
<a href="#footer">跳转到底部</a>
<div id="footer" style="margin-top: 1000px;;">已到底部</div>
<a href="#">回到顶部</a>
<!-- 图片标签 img 宽高只设一个同比缩放-->
<img src="https://img.php.cn/upload/course/000/000/003/5a699f1b2da2b398.jpg" alt="phpstudy图" width="150"></img>
</body>
</html>

上一条:初识Html及开发工具下一条:1208作业
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议