首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

html一个案例学会所有常用HTML(H5)标签

-- align的属性值left center right --> B加粗 I斜体 U下划线 --> 标签H1-H6 --> 这里对HTML概述讲解一下: HTML的全称为超文本标记语言,是一种标记语言。...超文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。...网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。...Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。

2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端零基础入门:页面结构层HTML

    HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构 html基础 学习前端的第一门课程,为HTML基础,HTML标记语言,它是网页制作的第一步...学习内容: HTML概念,了解HTML发展史,基础语法,常用标签(段落,图片,链接等) 结合小例子 什么是HTML HTML(Hypertext Markup Language)即超文本标记语言...换行标签: p align="justify">p> 列表标签 html标签 html标记标签通常被称为HTML标签 HTML标签是由尖括号包围的关键词 HTML标签通常是成对出...标签对中的第一个标签是开始标签,第二个标签是结束标签 什么是HTML HTML是用来描述网页的一种语言 HTML超文本标记 无序列表 1 2i>i>, 加粗:b>b>, 下标: 上标: 特殊符号: 属性,显示结果,描述 < 标记

    1.2K10

    HTML基础第一课(冲浪笔记1)

    是编程语言2、超文本标记语言(1)超文本:链接、音频、视频(HTML好比报纸,而超文本的作用就是做一些报纸做不到的操作)(2)标记:用标签对内容进行标记3、标签 ①单标签:...-- 有换行效果 --> p>HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。...p> p>超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下: [4] 简易性:超文本标记语言版本升级采用超集方式...p> p>超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下: [4] 简易性:超文本标记语言版本升级采用超集方式...p> p>超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下: [4] 简易性:超文本标记语言版本升级采用超集方式

    1.3K10

    第1章 WEB01-HTML篇-视频教程-第一部分

    Text Markup Language 超文本标记语言 超文本:比文本功能更加强大 标记语言:通过一组标签对内容进行描述的一门语言 为什么学习HTML HTML是设计页面基础 在哪些地方可以使用HTML...设计页面的时候都可以使用HTML 如何使用HTML HTML的语法和规范 HTML文件的扩展名是.html或者是.htm HTML文件是由头和体组成 HTML这组标签是不区分大小写 HTML的标记通常是由开始标签和结束标签组成...【HTML的排版标签】 标题标签 b标题 p>段落标签 p>一段文字p> 换行标签 代表换行 水平线标签 水平线标签 b>字体加粗...b>文字b> i>斜体标签 i>斜体i> 1.1.2.2 步骤分析 步骤一:创建一个html文件 步骤二:创建标题标签 步骤三:标题下面会有一个水平线 步骤四:创建段落标签创建四个段落...p> 1.2 网站的图片页面显示 1.2.1 需求分析: 在网页中显示带有图片的页面效果如下: 1.2.2 分析: 1.2.2.1 技术分析: 【HTML的图片标记

    47120

    前端开发基础教程-HTML教程和CSS教程

    前端开发基础教程-HTML教程 html是超文本标签语言,又可以说是超文本标记语言,是基本功。html发展历史跳过。...html是一种超文本标签语言,又是一种超文本标记语言,是基本功。 问:html一般结构是? 一般有标签,标签,为网页头部和网页内容。 问:头部标签具有什么?...标签为文档头部文件 标签为文档的标题 标签为文档的主题 标签为标题 p> 标签为段落显示 问:什么是html?...html是超文本标记语言,它是使用一套标记标签的语言用来描述网页的,html文档可以说是web网页。 标签:开始标签和结束标签 p>段落p> 案例: p> 定义段落 换行 b> 定义粗体 i> 定义斜体 定义重文字 定义小号字体 定义加重语气 定义下标字

    2.5K20

    初识HTML

    HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup...HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的,比如 b> 和 b> 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签...HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”。是用来描述网页的一种语言。... 我是一个大标题  注意: 体会 文本 标签 语言 几个词语 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言...(markup language) 标记语言是一套标记标签 (markup tag) 总结: HTML 作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来。

    57340

    HTML语言(概述及常用标签)

    PC端开发,还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术 1.2 HTML概念 HTML:Hyper Text Markup Language,超文本标记语言。...是用来帮助我们构建网页的。 【超文本】:网页本身是一个文本文件,而超文本指的是这种文件中既可以包含文本信息,又可以包含图片,音频,视频和链接等非文字的信息。 【标记语言】:标记,也叫做标签。...也就是说HTML这门语言是由标签组成的。...hn(h1——h6) 2.字体标签(font) 3.段落标签(p) 主要用于将一段内容包裹起来,便于后期的统一设置,p标签本身没有效果,标签内的内容与标签外的内容空一行(自动换行....文本设置标签 b >b >字体加粗 i >i >设置斜体 设置文本下划线 在文本上设置一个删除线 13.其他基本标签 2<

    69640

    第59节:Java中的html和css语言

    前言: HTML 英文: HyperText Markup Language内容 html是超文本标记语言,是网页语言的基础知识,html是通过标签来定义的语言,所有代码都是由标签所组成的,在html...这种个别标签: , 要建议使用 "/", 这是规范要求. html为超文本标记语言,标记语言,要对标签进行修饰,添加丰富的内容操作,可以对属性值进行改变,增强效果,也可以增强用户体验感....格式: // 超文本标记 标签名 属性名='属性值' /> 标签名 属性名='属性值'> 数据内容 标签名> 在html中,代码都是由标签所组成的,代码逻辑相当低. // 头和体 ...)属性 XHTML(可扩展的超文本标记语言) Extensible HyperText Markup Language XML(可扩展标记语言) -> 对数据信息的描述 Extensible Markup...关联选择器 p b { color:#fff;} ii. 组合选择器 p,div { color:#fff;} iii. 伪元素选择器 a:link 超链接未点击状态。

    1.8K20

    Java成长之路 —— HTML基础

    HTML 概念 ① HTML,英文全称 Hyper Text Markup Language,翻译过来就是①超文本②标记语言,这是一种用于创建网页的标准标记语言。...超文本:超文本就是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本 标记语言: 标记语言由标签构成的语言,例如 html,xml等,都是标签语言。...标记语言不是编程语言。 ② HTML 的优点: 简易性:HTML版本升级采用超集方式,从而更加灵活方便。...但从本质上来说,HTML 是一种超文本语言,它只是重新定义了文本的格式,并不能进行选择,循环等可以进行逻辑功能的语句。 2. HTML 基础 1....width 宽度 size 高度 align 对其方式 center 居中 left 左对齐 right 右对齐 b> 字体加粗 i> 字体斜体 字体标签

    58510

    网络结构与HTML学习笔记

    二、HTML简介 (1)HTML: Hypertext Markup Language : 超文本标注语言 (2)HTML是一种规范,是一种标准,编写网页的一种标准。...(3)超文本:就是网页上不光有文本,还有图片,音乐,视频等。 (4)标注:是一种记号,是一种标志。如:红绿灯。 (6)语言:这里的"语言"就是代码,跟所谓的"程序语言"一点关系都没有。...单边标记常用的有10多个标记。 语法格式:标签 属性1 = "值 1" 属性2 = "值2"> HTML标签编写规范 (1)HTML标记不区分大小写。...charset:字符集,主要控制汉字如何显示 utf-8:多国语言编码,什么国家的语言都可以正常显示。...加粗 bold(跟文本相关) 如: b>文字b> ,这个标记没有属性 (4)i>i>: 加斜体 italic(跟文本相关) 如:i>文字i> (5)</

    1.3K20

    Java中的html和css语言

    欢迎到我的简书查看我的文集 前言: HTML 英文: HyperText Markup Language内容 html是超文本标记语言,是网页语言的基础知识,html是通过标签来定义的语言,所有代码都是由标签所组成的...这种个别标签: , 要建议使用 "/", 这是规范要求. html为超文本标记语言,标记语言,要对标签进行修饰,添加丰富的内容操作,可以对属性值进行改变,增强效果,也可以增强用户体验感....格式: // 超文本标记 标签名 属性名='属性值' /> 标签名 属性名='属性值'> 数据内容 标签名> 在html中,代码都是由标签所组成的,代码逻辑相当低. // 头和体 ...)属性 XHTML(可扩展的超文本标记语言) Extensible HyperText Markup Language XML(可扩展标记语言) -> 对数据信息的描述 Extensible Markup...关联选择器 p b { color:#fff;} ii. 组合选择器 p,div { color:#fff;} iii. 伪元素选择器 a:link  超链接未点击状态。

    2K50

    HTML知识清单(附学习网站)

    互联网三要素:HTML、HTTP、URL HTML(Hyper Text Markup Language):超文本标记语言 HTTP(HyperText Transfer Protocol):超文本传输协议...URL(Uniform Resource Location) :统一资源定位符 HTML简介: HTML:超文本标记语言 超文本:文本信息 、图片、声音、视频、超链接等 标记:标签的体现 1、...、版权等信息 设置自动刷新网页 禁止网页缓存 3、body内的常用标签 a) 标题标签 分为h1-h6,字体由大到小,会自动换行 —align:调整对齐方式 b) 分割线标签...,灵活性较大,不推荐使用 e) 常用的小标签 –u 下划线 –I 斜体 –b 加粗 –del 删除线标签 –sup 上标标签 –sub 下标标签 –small...-align:图片的位置 ,必须有参照物 i) 表格标签 -border 边框大小 -width、heigth 单元格宽高 -cellpadding 内容和单元格的距离 -

    2.3K10

    HTML入门手记(1)HTML概述HTML基本语法

    语言 菜鸟HTML教程 JinJa模板 思诚之道Jinja教程 Bootstrap框架 未定 HTML是一种超文本标记语言,由不同的标签构成树形结构。...超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...HTML基本语法 元素与属性 HTML由元素构成,每个元素由元素开始标签,元素内容和元素结束标签构成如p>bp>中,p>为元素开始标签表示一个段落元素开始,b为元素内容,p>为元素结束标签,...属性表示了元素的一些附加属性,一般出现于元素开始标签,格式为key=value的形式。...如其中的class="container-fluid"则为元素的一个属性,表示这个元素的class为"container-fluid

    9.5K41

    初识前端.

    什么是HTML页面 HTML叫做超文本标记语言 超文本:文本,声音,图片,视频,表格,链接 那如何做到一个页面上展示上面的数据呢?由许许多多的标签,即一个又一个的标记。...标记:由许许多多的标签组成。 HTML页面是运行在浏览器上面的。所以要运行HTML页面首先需要一个浏览器。...:双标签,又开始有结束 5. vscode如何快速生成代码 快速生成代码框架: !...: p>每段的内容p> p>第一段的内容p> p>第二段的内容p> p>第三段的内容p> 换行标签: br是break的缩写,表示换行。...格式化标签 (1)加粗:strong 标签和 b 标签 (2)倾斜:em 标签和 i 标签 (3)删除线:del 标签和 s 标签 (4)下划线:ins 标签和 u 标签

    6210

    HTML概念和相关标签指南

    表格标签 表单标签 表单项标签 ---- web概念概述 JavaWeb 使用Java语言开发基于互联网的项目 软件架构 C/S: Client/Server 客户端/服务器端 在用户本地有一个客户端程序...如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器 HTML 概念 HTML最基础的网页开发语言,全称Hyper Text Markup Language 超文本标记语言...超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。 标记语言: 由标签构成的语言。标签名称> 如 html,xml;标记语言不是编程语言。...如: 标签可以嵌套: 需要正确嵌套,不能你中有我,我中有你 错误:b>b> 正确:b>b> 在开始标签中可以定义属性。...毕业于b>i>五道口i>b>获得多项国家级竞赛冠军。

    1.3K20

    【HTML】HTML页面和常见标签

    页面 PC 端应用程序页面 移动端 APP 页面 HTML 页面编写 HTML 是超文本标记语言 超文本:支持文本、声音、图片、视频、表格、链接 标记:由许许多多的标签组成 HTML...树中的每一个标签就相当与是一个对象,程序猿就可以通过代码拿到这些标签(拿到这些对象),之后就可以对这些对象进行“增删查改” 如何快速生成代码框架 直接在 vscode 中输入 !...lang 代表语言,en 代表 English。这是给浏览器看的,里面仍然什么语言都可以输入 :UTF-8 是文件解码方式。...,因为大部分人都会倒在明天晚上 p> 注意: 使用 p 标签,段落之间存在一个空隙 当前的 p 标签描述的段落, 前面还没有缩进(未来 CSS... 是规范写法,不建议写成 格式化标签 删除:strong 标签和 b 标签 倾斜:em 标签和 i 标签 删除线:del 标签和 s 标签 下划线:ins 标签和 u 标签 <html

    8810

    前端网页介绍

    前端网页介绍 本文整理自:https://www.bilibili.com/video/BV1Y7411K7zz B/S软件的结构 JavaSE C/S Client Server B/S Browser...HTML简介 Hyper Text Markup Language (超文本标记语言) 简写:HTML HTML 通过标签来标记要显示的网页中的各个部分。...网页文件本身是一种文本文件, 通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等) 创建HTML文件 (以idea的创建为例,idea下载参考链接...4.标签又分为,单标签和双标签。 i. 单标签格式: 标签名 /> br 换行 hr 水平线 ii. 双标签格式: 标签名> ...封装的数据......② 标签必须正确关闭 i.有文本内容的标签: 正确: 早安,愷龍 错误: 早安,愷龍 ii.没有文本内容的标签: 正确: 错误: <br

    45820

    【JavaWeb】二、HTML 入门

    定义与目的 定义:HTML是一种通过标签来描述网页内容和结构的语言。这些标签告诉浏览器如何显示网页上的文本、图片、链接、表格、列表等元素。...每个标记都有一个特定的含义,用于告诉浏览器如何显示内容。例如,p>标签用于定义段落,标签用于定义超链接等。 属性:标记可以包含属性,这些属性提供了关于标记的额外信息。...这些格式通过特定的标记语言来定义文档的结构和内容,使得文档可以在不同的阅读器和设备上保持一致的阅读体验。 标记语言的种类 HTML:超文本标记语言,用于创建网页和Web应用程序。...它在语法上更加严格,旨在提高网页的兼容性和可访问性。 标记语言的发展 标记语言的发展可以追溯到20世纪60年代,当时IBM公司的研究人员开始探索如何通过标记来定义文档的结构和格式。...双标签与单标签 双标签与单标签是HTML(HyperText Markup Language,超文本标记语言)中的两种基本标签类型,它们在网页构建中扮演着重要角色。

    8510
    领券