HTML技术

最新推荐文章于 2024-07-20 13:43:49 发布
最新推荐文章于 2024-07-20 13:43:49 发布
阅读量466 收藏
点赞数
分类专栏： 前端技术 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41836784/article/details/117709266
版权

文章目录

一、概述

  • HTML（HyperText Markup Language）：即超文本标记语言，是一种专门在浏览器编译与执行的用于创建网页的标准标记语言，由大量的标签组成，每个标签都有开始标签的和结束标签（也有单标签的），标签中具有属性。形如：<标签 属性名=“属性值”></标签>，文件扩展名为.html或htm。
  • 超文本：流媒体、图片、声音、视频…
  • 网页：网页主要由文字、图像、超链接、音频、视频以及Flash等元素构成的，由html（结构）、css（表现）、javaScript（行为）三层组成
  • HTML规范制定：W3C（世界万维网联盟，制定了包括HTML/XML/http协议/https协议…）制定了HTML规范，每个浏览器生产厂家以及HTML开发人员都需要遵守规范。HTML规范的最高版本为HTML5.0，简称H5，HTML基础一般以HTML4.0为主。Apache软件基金会也是开源软件的重要贡献者。
  • 作用：
    • HTML编程语言通知浏览器将接收的数据以指定方式在窗口展示。（前端工程师）
    • 控制浏览器请求行为（前端工程师/服务端工程师）
  • 浏览器发送请求三要素：
    • 控制浏览器发送请求地址
    • 控制浏览器发送请求采用请求方式
    • 控制浏览器发送请求携带请求参数
  • 软件准备
    • 浏览器（网页显示、运行的平台，解决兼容性问题，调试运行程序）：Chrome、FireFox（火狐浏览器）、IE、Safari、Opera
      • 浏览器内核（Rendering Engine）：分为渲染引擎和JS引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，JS引擎是解析执行JS获取网页的动态效果。 后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎
        • IE：Trident
        • firefox：Gecko
        • Safari：webkit
        • chrome：Chromium/Blink（Chromium 是基于WebKit开发、Chromium是Chrome 的开源版本，而Blink是则WebKit 新分支版本，当前的Chrome基于Blink进行开发，大部分国产浏览器的最新版本基于Blink进行开发）
        • Opera：Blink
      • 移动浏览器内核：指系统内置浏览器的内核
        • Android手机，基本使用webkit内核或基于webkit内核进行二次开发
        • iOS以及WP7平台上，是Safari或者IE内核Trident
    • 编辑器：Visual Studio Code、WebStorm、HbuildX
  • 运行方法：直接使用浏览器打开HTML文件运行
  • 有用的网站：w3school（https://www.w3school.com.cn/index.html）（提供大量帮助文档）,MDN(https://developer.mozilla.org/zh-CN/)
  • 路径：
    • 相对路径：以引用文件之网页所在位置为参考基础而建立出的目录路径。同级直接引、下一级用"/"、上一级用"…/"
    • 绝对路径：以Web站点根目录为参考基础的目录路径，所有网页引用同一个文件时，所使用的路径都是一样的， “\”
  • XHML：指可扩展超文本标签语言（EXtensible HyperText Markup Language），以 XML 格式编写的 HTML 元素。XHTML是严格版本的HTML，例如它要求标签必须小写，标签必须被正确关闭，标签顺序必须正确排列，对于属性都必须使用双引号等。

二、开始书写HTML

  • HTML例子：

    <!--HTML中书写注释的方法：注释内容前后各一个空格字符，注释位于要注释代码的上面，单独占一行-->
<!DOCTYPE html><!--这个标签代表当前使用的使HTML5.0，若无则表示是HTML4.0-->
<html lang="zh-CN">  <!--指定html语言种类，en指英语、zh-CN指中文-->
<html><!--html的根节点，所有的HTML标签必须写在其内-->
    <head><!--头部，用于设置基础参数信息-->
    	<
最低0.47元/天 解锁文章
ISWWC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html在右上角显示字符,html特殊字符表
weixin_30495795的博客
06-16 2719
Unicode编码转换工具：1 html字符用 Unicode编码 前面加上 2 css和js特殊字符用Ascii转Native编码，css前加上 js前加上uhttp://tool.chinaz.com/tools/unicode.aspxhttp://blog.csdn.net/bluestarf/article/details/40652011简单的介绍一下其使用方法：1、这...
HTML中的上下角标
YuWo_lh的博客
11-13 5340
在上图中上标/下标的数字、字母以及文字就是使用我们html中的角标标签实现的。上角标标签是sup标签 下角标标签是sub标签，这两个标签都是双标签。
实现右上角注释的HTML标签
shangruo的专栏
03-15 5456
像平方，立方...那样的 53 a3 效果图：
html盒子放到右侧,如何使用css在“盒子”的右上角或右下角放置文字
weixin_42101056的博客
06-07 5923
如果包含Lorum Ipsum的元素的位置设置为绝对，您可以通过CSS指定位置。 “here”和“and here”元素需要包含在块级元素中。我将使用这样的标记。print("");print("");print(" here");print("");print("");print("and here");print("");print("blah");print("");这是上面的CSS。#li...
html右上角提醒代码,html在消息按钮上增加数量角标的实现代码
weixin_34698121的博客
06-10 1441
html代码：消息4css代码：/*角标 */.ii{display: none;background: #f00;border-radius: 50%;width: 20px;height: 20px;top: 5px;right: 0px;position: absolute;text-align: center;color: #FFF;z-index: 99999;}js代码：functio...
一、HTML技术
qq_54398027的博客
11-20 1485
一、HTML 1.什么是HTML HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 2.HTML基本标记 二、CSS技术 1.什么是CSS CSS是一种样式表语言，用于为HTML文档定义布局。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字
html技术操作知识代码
07-30
html技术操作知识代码
JSP和HTML技术应用.md
08-04
JSP和HTML技术应用.md
HTML技术文档ppt
07-28
HTML技术文档，本ppt讲解了一些基本的html语法，简单易懂
html完整教程(<html>标志用于Html文档的最前边，用来标识Html文档的开始。)
12-14
Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志： 1.<html></html> <html>标志用于Html文档的最前边，用来标识Html文档的开始。而</html>标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。 2.<head></head> <head>和</head>构成Html文档的开头部分，在此标志对之间可以使用<title></title>、<script></script>等等标志对，这些标志对都是描述Html文档相关信息的标志对，<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3.<body></body> <body></body>是Html文档的主体部分，在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性：
前端技术HTML基础笔记
06-07
NEUQ技术部前端HTML基础笔记
HTML5 技术
08-18
HTML5 最新技术，html5详解资源
【HTML】——【入门】
weixin_47157417的博客
03-27 1073
HTML的基础知识点
Html 常用标志总结
weixin_34387468的博客
06-02 103
Html 常用标志 基本标志&lt;html&gt;&lt;/html&gt;  创建一个HTML文档&lt;head&gt;&lt;/head&gt;  设置文档标题和其它在网页中不显示的信息&lt;body&gt;&lt;/body&gt;  设置文档的主体部分 文档整体属性标志&lt;body bgcolor=""&gt; 设置背景颜色。使用名字或RGB的十六进制值
html单元格文字显示在右上角,单元格文字居左上显示_html/css_WEB-ITnose
weixin_42128537的博客
06-28 2162
如题ul.menu{display: none;position: absolute;width: 200px;text-align: left;border: 1px solid #000;background-color: #fff;list-style: none;z-index: 9999;}ul.menu table{vertical-align: top;line-height:18;...
如何在网页中实现右上角“平方”、右下角那种数字的写法？
小小的客栈 大大的江湖
02-03 6748
如何在网页中实现右上角“平方”、右下角那种数字的写法？
HTML如何在网页中做出红色小气泡显示数字
qq_56599702的博客
07-29 725
字体附近的小三角图标的制作方法，字体图标的使用 问题转化：如何做一个字体图标 使用after伪元素 位置：在需要加图标的li后面 统一类名arrow-icon 转义出对应的字体图标 声明字体图标 www.iconfont.cn阿里巴巴矢量图标库官网 选择想要的字体图标添加到项目中 下载到本地解压缩到项目文件夹 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d03ePeCH-1627269264452)(D:/Programming/Data/Typor
html--图片变化
最新发布
2301_81140745的博客
07-20 433
2.点击上传图片会有变化。
Java SpringBoot和HTML技术
05-21
Java SpringBoot 是一个用于构建基于 Java 的 Web 应用程序的框架。它提供了一些默认的配置和约定，使得开发人员可以更快速地开发 Web 应用程序。SpringBoot 具有很好的可扩展性和灵活性，同时也提供了很好的安全性和稳定性。 HTML 技术是用于创建 Web 页面的标记语言。HTML 通过使用不同的标签来定义页面的结构、内容和样式。通过使用 CSS 和 JavaScript，开发人员可以为页面添加样式和交互性。 在 Web 开发中，Java SpringBoot 和 HTML 技术通常会一起使用。SpringBoot 作为后端技术，处理数据和业务逻辑，而 HTML 技术作为前端技术，负责展示数据和与用户进行交互。使用这两种技术可以构建出功能强大、界面美观的 Web 应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值