HTML第三章

最新推荐文章于 2024-09-03 23:03:56 发布
最新推荐文章于 2024-09-03 23:03:56 发布
阅读量108 收藏
点赞数 1
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Asrty/article/details/127113563
版权
本文介绍了HTML5的文档类型声明，强调了UTF-8字符集的重要性，以及如何使用h1-h6标题标签和p标签创建段落。同时，讲解了hr、br以及文本格式化标签如<b>、<strong>、<i>、<em>、<del>和<u>的用法，帮助理解网页内容的呈现和格式设置。
摘要由CSDN通过智能技术生成

一、<!DOCTYPE html>声明文档类型

        1、html有很多版本，我们应该告诉浏览器我们使用的版本号

         2、<!DOCTYPE>标签位于文档的最前面，在开头处使用为该HTML文档指定其版本为  HTML5，浏览器即可按指定的版本进行解析

        3、注意：一些老网站可能用的还是老版本的文档类型，但是我们学习的HTML5，有很好的向下兼容性

二、字符集<meta charset="UTF-8">

        1、utf-8是目前最常用的字符集编码格式，常用的字符集编码格式方式还有gb2312和gbk

        2、gb2312简体中文 包括6763汉子

        3、BIG5 繁体中文 港澳台等用

        4、GBK包含全部中文字符  是GB2312的扩展，加入对繁体字的支持，兼容GB2312

        5、UTF-8则包含全世界所有国家需要用到的字符

        注意：以后我们统统使用UTF-8字符集，这样就避免出现字符集不统一而引起乱码的情况

三、标题标签<hn>标题文本</hn>

        1、html提供了6个等级的标签，即h1-h6

        2、h1-h6        字体具有加粗的效果

                                会自动进行换行

                                从h1到h6字体大小逐渐减小

                                从h1到h6标题的重要性依次降低

四、段落标签<p>文本内容</p>

        1、作用：将网页中的文本以段落的形式显示

        2、段落与段落之间会自动换行

五、水平线标签<hr/>

        1、单标签

        2、在网页中显示默认样式的水平线

六、换行标签<br/>

        1、单标签

        2、作用：强制换行显示

七、文本格式化标签

        1、<b></b>  文本加粗(b标签是单纯的样式加粗的效果)

        2、<strong></strong>  文字加粗(strong标签有语意上强调的作用)    

        3、<i></i>  文字加粗

        4、<em></em>  文字加粗(em有语意上强调的作用)

        5、<del></del>  文字添加删除线的效果

        6、<u></u>  文字添加下划线的效果

Asrty-毒殇
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML第三章总结
ZD20060412_的博客
02-10 92
HTML表单介绍
HTML第三课
weixin_45728247的博客
12-12 1105
一 CSS核心基础 1.css样式规则 具体格式： 选择器{属性1：属性值1 ；属性2：属性值2；} 属性值与属性之间用英文":“连接，多个“键值对”之间用英文”;"进行区分。 ·CSS样式中的选择器严格区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。 ·多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略，但是，为了便于增加新样式最好保留...
web前端-2.HTML的基础知识点
weixin_51077152的博客
08-16 729
2.1. Html常用元素 网页标题标签 h1~h6 双标记 默认居左且加粗 一号标题字体最大，六号标题字体最小，逐级递减 属性： align=“left|center|right” 设置元素内容水平对齐方式 段落标记 <p>内容</p> 属性：align=“left|center|right” 设置元素内容的水平对齐方式 换行标记：没有任何的属性 <br/> 水平线 <hr/> 属性： align=“center|left
标签选择器
可上青天揽明月,可下五洋去捉鳖.
09-04 377
标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、、。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。 任务 我也来试试，为标题“勇气”添加样式，把h1标签默认的粗体样式去掉并将字体颜色设置为红色 1、在右边编辑器的第7行
HTML实例【一】
yogurt_sweets的博客
06-09 144
今天在写JavaScript应用实例的时候遇到点问题，发现css还不太熟，html也一块学一下。我用hbuilderx发现轮播图的效果一直出不来，只是图片堆积，但是在菜鸟的在线工具上却可以，母鸡原因～各位大佬有知道原因的吗？？ <h1>1、HTML基础</h1> <h1>标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h
html h1 不自动加粗,html <h1> 标题标签元素
weixin_35765731的博客
05-30 1795
h1 html问题标签网页内容中，例如一篇文章问题，通常采纳标签来标志结构，多么显示题目在HTML中须要性，同时也思索到讲述搜索引擎标签内形式为题目很须要。一、h1语法结构文章题目以起头,以竣事的一对有劈脸有闭合的标签组。同样h1标签也可应用class与id引入内部CSS技俩。文章问题主题标题二、h1标题标签特点与应用建议(用甚么处所)htmlh1标题问题标签时常一个网页中最好只应用一次即可，不...
HTML5
weixin_52957373的博客
07-20 6349
html超文本标记语言它包括一系列标签。通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。.........
HTML第3章 课堂练习 及答案 CSS ACCP6.0
05-08
在第3章的学习中，我们将深入探讨HTML的基本结构、元素以及如何通过CSS（Cascading Style Sheets）来增强网页的样式和布局。本章节的课堂练习及答案旨在帮助你巩固所学知识，并通过实践来提升技能。 首先，让我们...
html第三章练习1：音乐排行榜
weixin_48131445的博客
05-12 5074
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>热门活.
html第三章练习5：人人网注册页面完善版
weixin_48131445的博客
05-12 2824
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>人人网.
第三章 CSS3.html
03-17
第三章 CSS3.html
ACCP5.0html第三章家庭+上机作业
06-29
【ACCP5.0html第三章家庭+上机作业】主要涵盖了HTML语言的基础知识和实践应用，这在IT教育中的ACCP（Accelerated Career in Computer Programming）课程中是非常重要的一环。HTML，全称为HyperText Markup Language...
HTML认识与入门
weixin_44596128的博客
10-11 934
什么是HTML HTML Hyper Text Markup Language（超文本标记语言） HTML基本结构 <html> <!-- head:网页头部 --> <head> <title>我的第一个网页</title> </head> <!-- body:主体部分 --> <body> 我的第一个网页 </body> </html> 注意: <bod
Web前端学习笔记——HTML常用标签
weixin_42678796的博客
02-22 620
HTML常用标签 不同的标签 作用是不一样的！ 文本标题标签： h1 - h6 特点：有默认样式：文本会加粗、字号不一样 ​ h1标签是比较特殊的：具有唯一性，在单独页面里面只能出现一次，一般用来放网站logo ​ h2-h6 : 板块的标题、一段叙述性文本的标题。 注： ​ h1 - h6 不能互相嵌套 文本的加粗&文本的倾斜 ​ 加粗...
html复习标签1
mujiuzq的博客
07-07 669
今日复习了HTML的常用标签。 h系列标签是常用的标题标签，从h1-h6字体逐渐变小，h标签的特点是：在浏览器中独占一行，字体默认加粗，如果没有设置宽度，那么他的宽度会继承父元素的宽度，而他的高度是由内容撑开的,并且h系列标签自带上下的外间距。 段落标签是p标签 p标签是很常用的段落标签，通常会放较多的内容，非常常用，他的特点是：独占一行，在没有设置宽度的情况下，和h系列标签一样，会继承父元素的宽度，高度也是由内容撑开，也是自带上下外间距，他的默认字体不加粗。 这俩个标
【JAVA WEB】Web标签
lzb_kkk的博客
02-07 1618
web常用标签的用法，例如标题标签，段落标签，换行标签，格式化标签，图片标签，超链接标签，表格标签，列表标签，表单标签，label标签，select标签实现下拉框，textarea标签，无语义标签，以及HTML中的常用特殊字符，例如HTML中如何输出多个空格
html常用标签
qq_41435894的博客
12-28 199
1.标题标签 h1-h6 常规标签 h1到h6字体大小是逐渐变小的 h1到h6都是默认加粗，都会独占一行，默认有上下间距 h1标签在同一个页面里面只能使用一次，它是页面的主标题 因为h1标签可以帮助seo优化的（搜索引擎的优化） 2.段落文本标签 p常规标签;特点:独占一行,会有默认的上下间距. 3.转义字符   一个空格 < 小于号 less than >...
h1-h6.p.br+文本格式化标签（加粗，倾斜，删除，下划线）
qq1149091238的博客
05-11 578
标题标签（重要) h1-h6 作用：作为标题使用，重要性一次递减，字号一次变小。独占一行。 代码实例： <h1>标题</h1> <h2>标题</h2> <h3>标题</h3> <h4>标题</h4> <h5>标题</h5> <h6>标题</h6> 结果： 段落标签（p） 作用：定义段落，可以将整个网页分成若干个段落，段落段落之间有存在间隙
音乐播放器javaweb项目近日总结，用js，css，HTML，servlet，mybatis来写注册登录忘记密码（还没写好）
最新发布
2302_80637450的博客
09-03 362
这几天学了js，css，HTML，servlet，mybatis，还有axios，目前axios还没有用到，学的比较慢因为那个servlet，axios我看不懂，可能看懂了然后不会用，之后给我们上了一节课，感觉每一个东西单独拆开好像学过，但是放在一起听的很懵，今天我就到处翻博客反复看了点代码，终于知道了一点前后端交互就赶紧写了点。因为是小白所以写的有些感觉没必要写的比较详细方便自己记忆。
"3DVIA教程第六章：自定义PDF和HTML输出教程
本文主要介绍了3DVia教程第六章的内容，该章节主要涉及到导出文件的操作。通过学习该章节，读者可以学会输出一个自定义PDF格式模板，添加按钮来控制Microsoft Word文档，以及导出一个自定义的HTML模板。 在3DVia ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值