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

1、初识HTML

1、初识HTML

前端就是写一些基本的页面,HTML即超文本标记语言:Hyper Text Markup Language,超文本包括,文字、图片、音频、视频、动画等,HTML5,提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。这些元素、特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。

  1. HTML的优势

    1. 世界知名浏览器厂商对HTML5的支持,微软、Google、苹果、Opera、Mozilla
    2. 市场的需求,在HTML5之前,由于各个浏览器之间的不统一,光是修改Web浏览器之间的那些兼容性就非常头疼了,而HTML5就是将Web这个时代变成了非常成熟的技术,在HTML5上所有的视频、音频、图像等所有的跟电脑之间的交互都形成了一个标准化。
    3. 跨平台,Java的跨平台使用了JVM的虚拟机,而HTML5依托浏览器就自带跨平台
  2. W3C标准(如此重要的HTML5必然会交给一个组织来做这件事情,这个组织就是W3C)

    1. W3C:World Wide Web Consortium(万维网联盟),成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构

    2. W3C标准包括

      • 结构化标准语言(HTML、XML)

        HTML超文本标记语言

        XML配置文件都会用这文件

      • 表现标准语言(CSS)

        让我们的HTML变得好看

      • 行为标准(DOM、ECMAScript)

        DOM:文档对象模型

        ECMAScript:就是JavaScript需要遵守的规范

  3. 常见IDE

    1. 记事本
    2. Dreamweaver:可以直接绘制网页
    3. IDEA
    4. WebStorm:目前最主流的工具,前端工程师都在用
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body></body>
</html>
  1. HTML基本结构
<body></body>等成对的标签,分别叫开放标签和闭合标签。
单独呈现的标签(空元素)如<hr/>;意为用/来关闭空元素
<meta charset="UTF-8">这种只有一个标签的成为自闭合标签,他没有另外一个标签给他关闭
http://www.lryc.cn/news/117143.html

相关文章:

  • 线性代数(三) 线性方程组
  • Apoll 多项式规划求解
  • ssm亚盛汽车配件销售业绩管理统源码和论文PPT
  • 发布属于自己的 npm 包
  • Redis主从复制和哨兵架构图,集成Spring Boot项目实战分享
  • java中try-with-resources自动关闭io流
  • Games101学习笔记 -光栅化
  • Pytorch量化之Post Train Static Quantization(训练后静态量化)
  • Sql奇技淫巧之EXIST实现分层过滤
  • Linux下升级jdk1.8小版本
  • 【Mysql】数据库基础与基本操作
  • 87 | Python人工智能篇 —— 机器学习算法 决策树
  • 【计算机视觉】干货分享:Segmentation model PyTorch(快速搭建图像分割网络)
  • 解析湖仓一体的支撑技术及实践路径
  • 40.利用欧拉法求解微分方程组(matlab程序)
  • OpenAI-Translator 实战总结
  • 【工业机器人】用于轨迹规划和执行器分析的机械手和移动机器人模型(MatlabSimulink)
  • 开源在线文档服务OnlyOffice
  • 汽车基本常识
  • 百度资深PMO阚洁受邀为第十二届中国PMO大会演讲嘉宾
  • 为什么C++有多种整型?
  • 玩一玩通义千问Qwen开源版,Win11 RTX3060本地安装记录!
  • oracle积累增量和差异增量
  • 利用C++nlohmann库解析json文件
  • OpenCV 中的光流 (C++/Python)
  • 第9集丨Vue 江湖 —— 监测数据原理
  • 【YOLO】替换骨干网络为轻量级网络MobileNet3
  • 如何识别手机是否有灵动岛(dynamic island)
  • Linux设备树简介
  • Ubuntu类IOS主题设置