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

2.文本标签-HTML基础

一、文本介绍 1.页面组成元素 在 HTML ,主要学习如何做一个静态页面。...二、标题标签 在一个 HTML 页面,一般都包含着各种级别的标题。 1.标题标签六个级别 在 HTML ,共有六个级别的标题标签:h1、h2h3、h4、h5、h6。...(如果内容是两段文字,则不需要使用br标签换行这么麻烦,直接使用两个 p 标签即可) 四、文本标签 1.粗体标签-strong 可使用 strong标签 b标签来对文本进行加粗。...粗体标签1.png (2)实际开发 在实际开发,若要实现对文本加粗效果,尽量使用 strong 标签,而不要选择 b 标签。 这是因为 strong 标签比 b 标签更具有语义性。...(2)实际开发 学习CSS之后,对于删除线效果,一般用CSS来实现,几乎不会用 s 标签来实现。 6.下划线标签使用 u 标签来实现文本下划线效果。 (1)示例 <!

3.3K30
您找到你想要的搜索结果了吗?
是的
没有找到

HTML教学笔记「基础篇」

默认情况下,HTML 会自动地在块级元素前后添加一个额外空行,比如段落、标题元素前后。 请确保 HTML heading 标签只用于标题。不要仅仅是为了产生粗体大号文本使用标题。...应该 h1 用作主标题(最重要),其后是 h2(次重要),再其次是 h3,以此类推。 HTML 水平线 标签在 HTML 页面创建水平线。 hr 元素可用于分隔内容。...所有连续空格空行都会被算作一个空格。需要注意是,HTML 代码所有连续空行(换行)也被显示为一个空格。...通过 HTML 样式,能够通过使用 style 属性直接样式添加到 HTML 元素,或者间接地在独立样式表CSS 文件)进行定义。...您可以在我们 CSS 教程中学习关于样式和 CSS 所有知识。 在我们 HTML 教程,我们将使用 style 属性向您讲解 HTML 样式。

1.4K10

前端基础-HTML基础(一)

本文目录 基本结构 文本相关标签h标签字体标签其他标签参考 基本结构 声明:用来指定当前页面使用HTML版本。 根标签html:声明当前文件是一个html文件。...keywords:搜索引擎能搜索到词,每个词之间用逗号隔开,必须是英文逗号。 head:设置当前页面的信息,并不显示在页面上。 body:设置页面的内容。 注意: 所有内容尽量放在标签中间。...标签需要按照顺序进行正确嵌套。 标签可以有属性,属性格式为:属性名=“属性值”,属性值使用引号引起来;如果有多个属性使用空格进行分割。 注释写法:。...right">这是一号标题 这是2号标题 这是3号标题 这是4号标题 <h5...把文本定义为语气更强强调。 em:把文本定义为强调内容。 i:斜体。 u:下划线。 br:换行。 p:段落。 hr:分割线。 属性align,设置对齐方式。

41720

IT课程 HTML基础 011_文本

HTML 提供了大量文本标签,以供我们在制作网页时使用。这些标签可以帮助我们更好地组织和格式化我们文本内容。以下是一些常用 HTML 文本标签。...这是一个 h6 标题 效果: 请确保 标题元素 只用于标题,不应仅为了粗体大号字体而使用 标题元素。 搜索引擎使用标题为您网页结构和内容编制索引。...正确使用标题元素,可以使页面更具有可读性、可访问性,同时有利于 SEO。 应该 h1 用作 唯一 主标题(最重要),其后是 h2(次重要),再其次是 h3,以此类推。...可以是另一个网页URL、文件URL其他资源URL。 target(可选):指定链接如何在浏览器打开。...在 HTML 4 标签必须包含斜杠; 在 HTML 5 ,斜杠是可选。 加粗 元素是一种基本文本样式标签,用于文本设定为粗体,但没有强调文本语义。

7310

CSS入门指南-1:css工作原理

例如:如果想让、和文本都变成蓝色粗体可以这么写: h1 {color: blue; font-weight: bold;} h2 {color: blue; font-weight...* {color: green;} 这条规则会将所有元素(文本和边框)都变成绿色。 p * {color: red;} 这条规则会把p包含所有元素文本都变成红色。...section * a {font-size: 1.3em;} 所有section标签 非子标签(*是所有的子标签a标签字体设置为 1.3 em; ID和类选择符 使用ID和类选择符,首先要在HTML...e::first-line ::before和::after 使用规则如下: e::before e::after 可用于在特定元素前面或者后面添加特殊内容。... 那么上边p标签显示16px 文本,因为第二条规则选择符既包含标签名,又包含类名(特指度高)。

80520

【HTML】HTML 标签总结 ★★★ ( 标签类型 | 排版标签 | 文本格式化标签 | 标签属性 | 图像标签 | 链接标签 | 注释标签 | 锚点定位 | 预格式化文本标签 | 特殊符号 )

HTML 文件 , 要在 文档最开始位置 , 在所有标签前面 , 标注 " 文档类型 " , 其作用是 通知浏览器该网页使用 HTML XHTML 规范 ; 下面的文字分成 2 个段落 , 编程范式 指的是 使用某种编程语言 编程套路 编程习惯 ; 使用 Java 等高级语言进行编程 , 编程范式 一般都是 面向对象编程 ; 与 面向对象编程...函数类型 作为 参数 返回值 函数 ; 也就是说 高阶函数 参数 返回值 是 Lambda 表达式 / 匿名函数 / 闭包 ( 三者是相同概念 ) ; 直接文字拷贝到 HTML ...对文字设置 粗体 , 斜体 , 下划线 , 删除线 效果 ; 粗体效果 : 下面两种标签都能实现 粗体效果 , 在 XHTML 推荐使用 标签 ; </...---- 文本 写在 预格式化文本标签 , 其中 文本格式 , 包括 空格 , 缩进 , 换行 等内容 , 在 网页显示内容 与 HTML 中看到是一致 ; 在

6.9K30

前端面试题-行内元素和块级元素

五、行内元素特点 5.1 和其他元素都在同一行上 5.2 高,行高及外边距和内边距不可改变 5.3 宽度就是它文字图片宽度,不可改变 5.4 行内元素只能容纳文本或者其他行内元素 5.5 设置行内元素...cite 引用 code 计算机代码(在引用源码时候需要) dfn 定义字段 em 强调 font 字体设定(不推荐) i 斜体 img 图片 input 输入框 kbd 定义键盘文本 label 表格标签...q 短引用 s 划线(不推荐) samp 定义范例计算机代码 select 项目选择 small 小字体文本 span 常用内联容器,定义文本内区块 strike 划线 strong 粗体强调 sub...下标 sup 上标 textarea 多行文本输入框 tt 电传文本 u 下划线 九、块级元素列表 address 地址 blockquote 块引用 center 举对齐块 dir 目录列表 div...常用块级容易,也是CSS layout主要标签 dl 定义列表 fieldset form控制组 form 交互表单 h1 大标题 h2 副标题 h3 3级标题 h4 4级标题 h5 5级标题 h6

1K30

【Java 进阶篇】HTML文本标签详解

在HTML文本标签用于定义和呈现文本内容。本文详细介绍HTML一些常用文本标签,包括段落、标题、文本样式等,适用于初学者,让您了解如何创建和格式化文本内容。 1....这是一级标题 这是二级标题 这是三级标题 这是四级标题 这是五级标题 这是六级标题 3....文本样式标签 粗体标签粗体标签 和 用于设置文本粗体。它们作用相同,但 具有更强语义意义,表示文本重要性。...注释标签 注释标签 用于添加注释,这些注释不会在浏览器显示,但可以用于提供对代码解释说明。 结论 这些是HTML一些常见文本标签,它们可以帮助您构建具有良好结构和格式网页内容。随着您学习和实践,您将能够更自如地使用这些标签,并创建出更复杂Web页面。

23240

HTML 标题

在 HTML 文档,标题很重要。 ---- HTML 标题 标题(Heading)是通过 - 标签进行定义。 定义最大标题。 定义最小标题。... 这是一个标题。 这是一个标题。 标题很重要 请确保 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号文本使用标题。...搜索引擎使用标题为您网页结构和内容编制索引。 因为用户可以通过标题来快速浏览您网页,所以用标题来呈现文档结构是很重要。...应该 h1 用作主标题(最重要),其后是 h2(次重要),再其次是 h3,以此类推。 ---- HTML 水平线 标签在 HTML 页面创建水平线。 hr 元素可用于分隔内容。...---- 本站实例 标题 如何在 HTML 文档显示标题。 隐藏注释 如何在 HTML 源代码插入注释。 水平线 如何插入水平线。

1.8K20

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

html结构一般有标签,标签,网页头部和内容,html头部页面有标题,关键词,描述说明,不作内容来显示,但影响网页效果。 问:html是什么?...html是一种超文本标签语言,又是一种超文本标记语言,是基本功。 问:html一般结构是? 一般有标签标签,为网页头部和网页内容。 问:头部标签具有什么?...html是超文本标记语言,它是使用一套标记标签语言用来描述网页,html文档可以说是web网页。 标签:开始标签和结束标签 段落 案例: 这是标题2 这是标题 3 这是标题 4 这是标题 5 这是标题 6 数字越大,字体越小...#" target="_blank"> 标签描述了基本链接地址,蒂尼了所有链接标签默认链接 </head

2.5K20

ChatGPT引领你掌握网站创建秘诀!从0开始,轻松打造自己个性化网站!

CSS 设置网页样式,ChatGPT 会对前面生成代码进行修改: 在 head 标签增加 link 标签,以 cdn 方式引入 Tailwind 给 body 标签和内嵌标签添加类名,就能应用相应样式...图片,img 标签 src 属性值,默认为 logo.png,替换为我们想用网站 logo。...,可能会影响到其他元素正常显示,在这个案例,当我们让 logo 图标置于 header 区域中间,它会引发另外一个问题:原本在 header 区域居中显示文本内容,会被「挤」到页面的右边,这时就需要再调整一下此处代码...在浏览器预览 ChatGPT 生成「联系我们」部分内容后,笔者发现这部分只是普通文本,而不是可供用户提交信息表单,因此要对 ChatGPT 提出更进一步要求。...请填写以下表单使用以下联系方式。

35840

一文玩转jQuery+Ajax

("blue") 操作元素内容 对于元素还可以操作其中内容,例如文本、值,甚至是html。...方法 说明 html() 获取元素html内容(非表单元素) html("html,内容") 设置元素html内容(非表单元素) text() 获取元素文本内容,不包含html标签 text("text...内容") 设置元素文本内容,不包含html标签 val() 获取元素value值(表单元素) val("值") 设定元素value值(表单元素) 表单元素:文本框text、密码框password...append(content) 在指定元素内部结尾插入元素内容,被追加内容可以是字符、HTML元素标记。...); 删除元素 方法 说明 remove() 删除所选元素指定子元素,包括整个标签内容一起删 empty() 清空所选元素内容 <!

3.9K21

HTML知识点概括——一篇文章带你完全掌握HTML

HTML是超文本标记语言,负责网页最基本信息构造 HTML优势: 市场需求量 跨平台使用 浏览器支持 我们使用工具依旧选择老朋友: IDEA 因为内容过多,大部分内容可能都在代码详细介绍,请仔细阅读代码...--标题标签:成对标签;h开头,h1~h6依次为n级标题--> 一级标签 二级标签 三级标签 四级标签 五级标签...--然后我们稍微介绍两个字体样式标签,因为我们字体样式主要在css写出,这里仅简单介绍即可--> <!...定义密码字段,输入内容不可见 radio 定义单选按钮 reset 定义重置按钮,点击后重置表单内所有内容 submit 定义提交按钮,点击后数据发送至后台 text 定义单行输入字段,默认20字节...--textare cols:表示可输入一行内容(不推荐使用,一般在css设置) rows:表示存在多少列(不推荐使用,一般在css设置) 文本默认文字可以直接在里面书写 --> <

1.6K20
领券