当前位置: 首页 > news >正文

前端基础01:HTML

一、初识HTML

什么是HTML

  • HTML:Hyper Text Markup Language (超文本标记语言)
    • 超文本:文字、图片、音频、视频、动画等。
  • HTML5:提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。这些元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。
  • HTML5的优势
    • 世界知名浏览器厂商对HTML5的支持。(微软、Google、苹果、Opera、Mozilla)
    • 市场的需求。
    • 跨平台。

W3C标准

  • W3C
    • World Wide Web Consortium (万维网联盟)
    • 成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
    • http://www.w3.org/
    • http://www.chinaw3c.org
  • W3C标准包括
    • 结构化标准语言 (HTML、XML)
    • 表现标准语言 (CSS)
    • 行为标准 (DOM、ECMAScript)

HTML基本结构

在这里插入图片描述

  • <body> </body>等成对的标签,分别叫开放标签闭合标签
  • 单独呈现的标签 (空元素),如<hr/>,叫自闭和标签,意为用 / 来关闭空元素。

网页基本信息

  • DOCTYPE声明
  • <title>标签
  • <meta>标签
<!-- DOCTYPE:告诉浏览器我们要使用什么规范 -->
<!DOCTYPE html>

<!-- 所有代码都要放到html标签中 -->
<html lang="en">

<!-- head标签代表网页头部 -->
<head>
    <!-- meta描述性标签,用来描述我们网页的一些信息 -->
    <!-- mata标签一般用来做SEO (搜索引擎优化) -->
    <meta charset="UTF-8">
    <meta name="keywords" content="狂神说Java,西部开源">
    <meta name="description" content="来这个地方可以学习Java">

    <!-- title标签代表网页标题 -->
    <title>我的第一个网页</title>
</head>

<!-- body标签代表网页主体 -->
<body>
Hello,World!
</body>
</html>

二、网页基本标签

三、图像,超链接,网页布局

四、列表,表格,媒体元素

五、表单及表单应用

六、表单初级验证

相关文章:

  • java计算机毕业设计前台点菜系统源代码+数据库+系统+lw文档
  • QT QString编辑字符串-查询-类型转换操作
  • NFT重构票务系统
  • 国际电工委员会发布标准 IEC 62077:2022 《光纤互连设备和无源元件-光纤环行器-通用规范》
  • vue3.0--3.isRef、toRefs、toRef、readonly,公共数据配置、网络配置、app.use插件配置、路由配置
  • 【python】(十八)python常用第三方库——pymysql
  • 供应水溶性喹啉腈磺酸盐母体,QM-SO3,CAS:1800102-18-4
  • Unity Shader LOD详解
  • (附源码)spring boot火车票售卖系统 毕业设计 211004
  • Linux环境:Nginx配置SSL证书,https协议请求 443端口
  • git tag相关
  • HTML篇三——(1)
  • Android移动应用开发之六种布局
  • Nginx 学习笔记
  • 【027】mongoose V6.4之创建监听套接字fd
  • AzureCon上微软宣布了哪些容器相关的重磅消息
  • Gradle 5.0 正式版发布
  • JavaScript的使用你知道几种?(上)
  • laravel5.5 视图共享数据
  • mac修复ab及siege安装
  • opencv python Meanshift 和 Camshift
  • Python学习之路16-使用API
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • React-生命周期杂记
  • SpringCloud集成分布式事务LCN (一)
  • 目录与文件属性:编写ls
  • 十年未变!安全,谁之责?(下)
  • 通过git安装npm私有模块
  • 一道闭包题引发的思考
  • #162 (Div. 2)
  • #微信小程序:微信小程序常见的配置传值
  • (06)Hive——正则表达式
  • (1)(1.8) MSP(MultiWii 串行协议)(4.1 版)
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (4)通过调用hadoop的java api实现本地文件上传到hadoop文件系统上
  • (7)STL算法之交换赋值
  • (done) NLP “bag-of-words“ 方法 (带有二元分类和多元分类两个例子)词袋模型、BoW
  • (function(){})()的分步解析
  • (附源码)spring boot球鞋文化交流论坛 毕业设计 141436
  • (附源码)springboot金融新闻信息服务系统 毕业设计651450
  • (附源码)springboot猪场管理系统 毕业设计 160901
  • (七)Java对象在Hibernate持久化层的状态
  • (四)库存超卖案例实战——优化redis分布式锁
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转) RFS+AutoItLibrary测试web对话框
  • (转)VC++中ondraw在什么时候调用的
  • (转)机器学习的数学基础(1)--Dirichlet分布
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • (转载)虚函数剖析
  • .equal()和==的区别 怎样判断字符串为空问题: Illegal invoke-super to void nio.file.AccessDeniedException
  • .gitignore文件---让git自动忽略指定文件
  • .NET 5.0正式发布,有什么功能特性(翻译)
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .NET Core 项目指定SDK版本