博客列表 >前端基础第一课作业(12.8)

前端基础第一课作业(12.8)

择善而从
择善而从原创
2020年12月09日 18:06:57431浏览

前端基础

开发环境

  1. 代码编辑器 vs code
    • 插件安装好
  2. 浏览器 chrome
    • 插件安装好

Html基础

  1. Html基本模板

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <title></title>
    5. <meta charset="UTF-8">
    6. <meta name="viewport" content="width=device-width, initial-scale=1">
    7. <link href="css/style.css" rel="stylesheet">
    8. </head>
    9. <body>
    10. </body>
    11. </html>
  2. 常用标签
    h1~h3常用
    1. <h1>PHP14期</h1>
    2. <h2>PHP14期</h2>
    3. <h3>PHP14期</h3>
    4. <h4>PHP14期</h4>
    5. <h5>PHP14期</h5>
    6. <h6>PHP14期</h6>
    p段落标签
    1. <p>段落 写一块文字</p>
    a链接标签
    1. <a href="https://www.baidu.com/" target="_self">打开百度</a>
    2. <!-- href 属性,它指示链接的目标,也可以是锚点;
    3. target 属性,规定在何处打开链接
    4. _blank 在新窗口中打开被链接文档;
    5. _self 默认。在相同的框架中打开被链接文档;
    6. 还可以指定"iframe内联框架的name值。 -->
    img图片标签
    1. <img src="https://img.php.cn/upload/course/000/000/001/5d24289c99b05106.jpg" alt="web前端开发" />
    2. <!-- 图片设置大小的时候,设置宽度或高度,另一个也会等比缩放
    3. 一般只能设置一个,防止图形变形 -->
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议