码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 学习HTML第二天


    1、注释

    注释的格式为...为注释内容

    在VScode中,添加/删除注释的快捷键是Ctrl加上/

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>叫啥好呢</title>
    7. </head>
    8. <body>
    9. <strong>我不叫×××</strong>
    10. <!-- 这是我的名字 -->
    11. </body>
    12. </html>

    2、标题标签

    标签名h1-h6

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <body>
    9. <h1>一级标题</h1>
    10. <h2>二级标题</h2>
    11. </body>
    12. </html>

    网页效果如图

    注意h1在一个网页中只能使用一次,h2-h6不做限制

    3、段落标签

    一段一段出现时可以使用/一行的产品描述信息......

    p(双标签)

    4、换行和水平线标签(单标签)

    换行:

    水平线:


    5、文本格式化标签

    为文本添加特殊格式,以突出重点:加粗、倾斜、下划线、删除线等......

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <body>
    9. <strong>加粗显示</strong>
    10. <em>倾斜显示</em>
    11. <ins>下划线显示
    12. </ins>
    13. <del>删除线显示</del>
    14. </body>
    15. </html>

    6、图像标签

    src用于指定图像的位置和名称,是的必须属性

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content=" -width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <body>
    9. <img src="./内容1.jpg" >
    10. <img src="./内容2.jpg" >
    11. <img src="./内容11.jpg" alt="这是一张ppt背景">
    12. </body>
    13. </html>

    图像标签-属性

    (alt可以解决网速慢时图片加载不出来的问题)

    7、路径:相对和绝对

    路径指的是查找文件时,从起点到终点经历的路线。

    路径分类:相对和绝对

    相对路径:

    从当前文件位置出发查找目标文件

    绝对路径:

    从盘符出发查找目标文件

    8、超链接标签

    作用:点击跳转到其他页面

    9、多媒体标签

    10、综合案例——个人简介

  • 相关阅读:
    【云原生】DevOps(七):Kubernetes编排工具
    Linux自有服务与软件包管理
    如何拿到 Web3 世界的天使投资?这里有一份现存 Grant 资讯的最全盘点
    Multitor:一款带有负载均衡功能的多Tor实例创建工具
    拓世法宝AI智能直播一体机,快速搭建品牌矩阵,开启扩张新里程
    cefshar117.2.40(cef117.2.4)Chromium 117.0.5938.150小更新
    如何安装TortoiseSVN并实现公网提交文件至本地SVN服务器?
    c++编程实例
    使用Docker提交参加阿里云比赛
    l14 IO模型
  • 原文地址:https://blog.csdn.net/weixin_64970461/article/details/132636133
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号