HTML基础知识4

最新推荐文章于 2024-05-20 21:21:56 发布
最新推荐文章于 2024-05-20 21:21:56 发布
阅读量61 收藏
点赞数
分类专栏： Web 文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49556725/article/details/118488321
版权

HTML基础知识4

  • 字体样式
  • 短语样式
<!DOCTYPE html>
<!--DOCTYPE 是指定当前的html的版本，这里默认指定的是html5-->
<html>
<!--这里是html文件中的框架，将html文件括起来-->
<head>
  <!--设置一些配置信息-->
  <title> <!--设置html的标题是什么-->
    第二个Html文件
  </title>
  <!--指定html文件的编码方式-->
  <meta charset="utf-8">
</head>
<!--代码主体-->
<body>

茶的种类 :
<ul> <!--unordered list-->
  <li>红茶</li>
  <li>绿茶</li>
  <li>可乐</li>
</ul>

<ol start = 2> <!--ordered list-->
  <!--start 表明序号是从哪一个编号开始-->
  <li>黑茶</li>
  <li>白茶</li>
</ol>


<ul>
  <li>咖啡</li>
  <ol>
    <li>空心圆圈</li>
  </ol>

</ul>


  <dl>
    <dt>方糖</dt> <!--这是一个词条-->
    <dd>方的糖，甜的</dd> <!--对于词条进行解释-->
  </dl>

<a href="#here" target="">
  <!--可以跳转到后面的语句，在一个页面内部设置目的地-->
  跳转到后面的语句
  <!--target : 在哪里打开 有以下选项 : "_blank"空白页 -->
</a>

<!--
<a href = "you.html#here">
跳转到you.html文件的here的地方
-->

放置图片
<!--在html中图片是一个字符-->
<img src = "tile.png" width="20%" height="10%" alt = "星号" usemap="#map">
<!--alt的意思是看图片是否能够装过来，在装载的过程中先看alt为文字-->
<!--usemap : 建立映射，建立地图名字叫做map-->

<map>
  <!--建立相应区域和相应网站的链接-->
  <area shape = "rect" coords="0,0,50,50" href="https://www.jd.com/?cu=true&utm_source=baidu-pinzhuan&utm_medium=cpc&utm_campaign=t_288551095_baidupinzhuan&utm_term=0f3d30c8dba7459bb52f2eb5eba8ac7d_0_52d873b1bd7a4c93a7b4eb521b738e92" alt = "apple">
  <!--点击图片的哪个哪个区域链接到什么地方-->
</map>

<img src = "https://img2.baidu.com/it/u=61586980,1756570663&fm=26&fmt=auto&gp=0.jpg" alt = "庐江">
<iframe src = "https://www.apple.com.cn/iphone-12/key-features/"></iframe>
<!--iframe : 将另外一个网站的内容实时的显示在本界面上-->


<br>
<!--超链接-->
<!--http : // 一定要打上，这样才能链接到其他的地方-->
<a href = "http : //www.baidu.com">
  <!--<a> :  中间放置的是连接，可以是图片，或者是链接都可以-->
  百度一下，你就知道
</a>



<p>
  遥襟甫畅，逸兴遄飞。爽籁发而清风生，纤歌凝而白云遏。睢园绿竹，气凌彭泽之樽；邺水朱华，光照临川之笔。四美具，二难并。穷睇眄于中天，极娱游于暇日。天高地迥，觉宇宙之无穷；兴尽悲来，识盈虚之有数。望长安于日下，目吴会于云间。地势极而南溟深，天柱高而北辰远。关山难越，谁悲失路之人？萍水相逢，尽是他乡之客。怀帝阍而不见，奉宣室以何年？
</p>


<p id = "here">
  <!--id给段落起一个名字叫……-->

</p>


<p>
前面有一些文字
<table border="1">
  <!--border = 1有格子线 border = 0没有格子线-->
  <caption>
    <!--显示表格的名字-->
    表格
  </caption>
  <tr>
    <!--<th> : 表头-->
    <th>
      China
    </th>
    <th>
      USA
    </th>
    <th>
      French
    </th>
  </tr>

  <tr> <!--table row-->
      <td>
        iOSS
      </td>
    <td>
      yes
    </td>
    <td>
      yes
    </td>
  </tr>
  <thead>
  <!--包裹起来的是表头，当表格特别长的时候，翻转页面，表格会留在上面-->
  表头
  </thead>


  <tr>
    <td colspan="2">Windows</td>
    <!--colspan : 格子扩展，单元格合并，参数指明合并几个格子-->
    <td></td>
  </tr>

</table>
后面也有一些文字

<table>
  <thead>表头</thead>
  <tbody>表格中间</tbody>
  <tfoot>表尾</tfoot>
  <!--通过这三个命令，将表格分为三段，页面翻转的时候，将表格保存在页面上-->
</table>
</p>


</body>

</html>

显示效果

在这里插入图片描述

中小庸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML基础知识
12-20
HTML前端网页设计的一些小知识，非常适合初学者学习，
HTML基础知识点
qq_40046544的博客
07-27 8224
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML5基础知识
qq_46485137的博客
02-13 4195
一、初识HTML HTML：Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势： 跨平台、 W3C标准 World Wide Web Consortium（万维网联盟） 成立于1994年，Web及时领域最权威和具影响力的国际中立性技术标准机...
HTML基础知识点大全
m0_69674158的博客
05-04 6547
一、什么是HTML HyperText Markup Language，即超文本标记语言 二、第一个HTML <！doctpye html> <html> <head></head> <body></body> <html> 三、常用的标签🀄️🀄️🀄️ 1⃣️p 标签 ，段落标签，占整行 2⃣️img 图片标签： ①src 图片路径：绝对路径http://xxx.xx/xx/x.jpg 相对路径..
前端-HTML基础知识详解
qq_52262831的博客
12-23 4670
目录： 初始常用的HTML标签 资源路径 列表标签 表格标签 表单标签 表单提交
Java基础知识总结（2021版）
热门推荐
学Java，找哪吒
01-09 25万+
前言 大家好，我是素小暖，2012年毕业，2016年通过培训转行java开发，今天2021年1月9日，转行之路跌跌绊绊，蓦然回首，已经满满的4年工作经验了？但感觉知识还是相当的匮乏，没自信，也许是努力程度还不够吧。很感谢CSDN，因为是它给了我学习的动力，之前写了一篇记录CSDN博客访问量的文章，也许大家感觉很幼稚，但真的很有用，很有效果，仿佛磕了药一样，努力学习，进步。 2020年，是我较为成功的一年，工作上，跳了槽，涨了工资；学习上，啃了几本名著（Effective Java、重构 改善既.
HTML5 基础知识总结(全)
IT_Holmes的博客
04-22 6949
HTML 一1.文档类型2.字符集3.标签< h1 >到< h6 >4.文本格式化标签（熟记）5.标签属性6.图像标签img 学习HTML推荐使用Sublime Text软件来操作练习，一定要熟练使用这个软件，对以后的无论是工作还是学习都有很大帮助。 1.文档类型<!DOCTYPE> <!DOCTYPE html> 这句活就是告诉我们使用那个html版本。 只需要记住，看到上面这行代码，说明使用的是html5的版本。 2.字符集 <meta chars
Html基础知识点整理
m0_53157173的博客
06-15 1902
Html基础知识点整理基本标签字体标签格式化标签1. < br/ >2. < p > < /p >3. < h1 > < /h1 >4. & nbspHtml的注释图片标签1. < img/ >列表标签1. < ul > < /ul >2. < li > < /li >3. < ol > < /ol >超链接标签< a > < /a &
HTML基础知识总结
ss810540895的博客
05-05 7574
是告诉浏览器这是html文档的开始。Html文档的最后一个标签是之间的文本是头部信息，在之间的文本是文档标题，会显示在浏览器的窗口的标题栏。设置网页编码的语句为，是在
HTML基础知识点整理归纳
paparuazi的博客
06-21 6096
一、 HTML的基本结构 <head> <title>网页的标题</title> <meta charset="utf-8"/> </head> <body> 写网页的主体 </body> 注意：写完代码记得将格式保存为.html（推荐） htm xhtml HTML的基本结构详解 1.<html>内容</html> 解释：HTML文档的文档标记，也称为HTML开始标记
Html基础知识点.docx
07-23
Html基础知识点.docx
html基础知识
12-04
html基础知识html基础知识html基础知识html基础知识html基础知识
HTML5基础知识.pdf
07-05
HTML5基础知识
html基础知识1111
03-26
html基础知识1111
【html5】01-了解HTML5
m0_68467925的博客
05-17 628
了解HTML5；引入HTML5目的；HTML5新特性；优缺点
520表白html5爱心代码
最新发布
youyouxiong的博客
05-20 2207
在HTML5中创建一个带有爱心动画的表白页面，可以通过结合CSS3动画和JavaScript来实现。这个示例创建了一个简单的表白页面，其中包含一个动态的爱心和文字。你可以根据自己的需求调整样式和动画效果，以创建一个更加个性化的表白页面。的动画，它会使爱心按照一定的时间间隔进行缩放，产生跳动的效果。类定义了表白文字的样式，包括它的位置、颜色和字体大小。类定义了爱心的样式，包括它的形状和大小。伪元素用于创建爱心的两个部分，并使用。在这个示例中，我们使用了CSS3的。属性来旋转它们，形成爱心的形状。
HTML5 + CSS3模拟庆余年中“五竹”的镭射眼动画特效
xingyu_qie的专栏
05-18 323
庆余年2已经火热开播了，据说反响强烈啊，不知道这一部里面，五竹的镭射眼会不会表现出来，我还挺想看看他的镭射眼的，我看到底有没有杀死剧中的庆帝。回想第一部，我都快记不清那是几年前开播的了，过会儿我们用算一下，庆余年第一步开播到现在有多久了。先来用CSS3实现一下五竹的镭射眼吧。
基于HTML5和CSS3搭建一个Web网页（二）
啊常的博客
05-18 1249
基于HTML5和CSS3搭建一个Web网页，实现汉堡菜单按钮，以及导航栏的响应式设计。
html基础知识汇总
11-19
以下是HTML基础知识的汇总： 1. HTML标签是由尖括号包围的关键词，通常成对出现，第一个标签是开始标签，第二个标签是结束标签，也被称为开放标签和闭合标签。 2. HTML文档包含HTML标题和纯文本，也被称为网页。 3. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

中小庸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值