一:标签
学到了<H1><H1> -<H6></H6>
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body > <!-- 页面看到的内容都是由元素组成 元素是由标签描述,标签根据元素的类型分为单双标签 每一个元素特征,由属性来描述,描述的属性写到起始标签中 --> <h1>我下个月工资9999+++</h1> <boy height="170" weight="200">男孩</boy> <script> const xm = "小梦"; </script> <!-- <?php // php 代码必须放在一堆PHP标签中 echo 'hello world'; ?> --> <!-- 标题标签;除了设置文档标题之外,是用来划分页面结构 --> <h1>xm</h1> <h2>xm</h2> <h3>xm</h3> <h4>xm</h4> <h5>xm</h5> <h6>xm</h6> <!-- 内容 --> <p>程序员,PHP最强</p> </body></html>
二: 链接与锚点
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body style="display: grid;"> <!-- 链接标签 --> <!-- a标签是实现跳转链接与存放链接 --> <!-- target 是跳转样式选择 --> <a href="http://www.baidu.com" target="_self">wz</a> <!-- _blank: 跳转新窗口打开 --> <a href="http://www.baidu.com" target="_blank">wz</a> <!-- 在指定窗口打开 target="iframt" 内框架 --> <a href="http://www.baidu.com" target="baidu">打开度娘</a> <!-- iframe 定义一个name 然后给A标签使用 --> <iframe src="" srcdoc="<em>点击上面度娘</em> " name="baidu" width="100%" height="300px"></iframe> <!-- 使用锚点可以直接跳转某个位置 --> <a href="#wzdb">跳转底部</a> <!-- 创建锚点 --> div:是一个通用标签容器 存放东西 <div id="wzdb" style="margin-top: 1000px;">我是底部</div> <a href="#">回到顶部</a> </body> </html>
三:图片元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 图片不要同时设置高宽 不然会等比 --> <img src="https://img.php.cn/upload/course/000/000/015/5febd89c71623993.png" alt="web前端开发"/ width="100%" height="500px"> </body> </html>