码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • HTML核心(1)- 第一个网页


    本系列笔记是基于【渡一教育】袁进老师的html+css基础课程而记录,仅作为个人记录以及阅读使用。

    文章目录

    • 第一个网页
      • 注释
      • 元素
      • 元素的嵌套
      • 标准的文档结构
    • 参考资料

    第一个网页

    html:5 + tab键 或者 ! + tab键 快速生成代码片段
    
    • 1

    注释

    html中的注释格式

    
    
    • 1

    ctrl + / 快捷注释

    元素

    其他叫法:标签、标记

    <a href="https://www.baidu.com" title="标题啦">hhha>
    <title>Documenttitle>
    
    • 1
    • 2

    整体:element(元素)

    元素 = 起始标记begin tag + 结束标记end tag + 元素内容 + 元素属性

    属性 = 属性名 + 属性值

    属性的分类:
    -局部属性:某些元素特有的属性
    -全局属性:所有元素通用

    <meta charset="UTF-8">
    
    • 1

    有些元素没有结束标记,这样的元素叫做:空元素

    空元素的两种写法:

    <meta charset="UTF-8">
    <meta charset="UTF-8" />
    
    • 1
    • 2

    元素的嵌套

    元素不能互相嵌套

    父元素、子元素、祖先元素、 后代元素、兄弟元素(同一个父元素的元素)

    标准的文档结构

    html: 页面、HTML文档

    DOCTYPE html>
    
    • 1

    文档声明,告诉浏览器,当前文档使用html的标准为html5

    不写文档声明,将导致浏览器进入怪异渲染模式

    <html lang="en">
    
    html>
    
    • 1
    • 2
    • 3

    根元素:一个页面最多只能一个,并且该元素是所以其他元素的父元素或祖先元素

    html5版本中没有强制要求书写该元素

    lang属性:language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成

    zh-CN ----> cmn-hans

    <head>head>
    
    • 1

    文档头,文档头部的内容,不会显示到页面上

     <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    • 1
    • 2
    • 3

    文档的元数据:附加的信息
    charset:指定网页内容的编码

    <body>body>
    
    • 1

    文档体:页面上所有要参与现实的元素,都应该放置到文档体中

    参考资料

    1. 【渡一教育】袁进老师的html+css基础课程
    2. 【渡一教育】袁进老师相关课程源代码
  • 相关阅读:
    windows服务器自带IIS搭建网站并发布公网访问
    第4季4:图像sensor的驱动源码解析
    GMAN: A Graph Multi-Attention Network for Traffic Prediction(2020AAAI)
    作为程序员,你的职业规划是怎样的?
    测试自动化的 10 个最佳实践
    借助工业PoE交换机实现智慧停车场管理
    SpringBoot中CommandLineRunner和ApplicationRunner有什么不同呢?
    通俗易懂的ChatGPT原理简介
    激活函数总结(三十九):激活函数补充(NFN、Hermite)
    C#:EXCEL列名、列序号之间互相转换
  • 原文地址:https://blog.csdn.net/m0_43416592/article/details/126293683
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | 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号