HTML 标志词及应用

本文介绍了HTML的基本结构,包括<head>和<body>标签,强调了UTF-8编码的重要性。讨论了段落、换行符<br/>、空格字符&nbsp;以及预格式文本标签<pre>的使用。还提到了水平线<hr/>、注释、超链接<a>的创建、图片和视频的插入,以及对齐<div>和列表<ul>、<ol>的应用。

接下来我们将介绍有关html标志次的相关用法

html的基本结构

标志词通常成对出现,以无斜杠开始,以/结束

<html>              外层:父元素

             <head>内层:子元素

             </head>

             <body>内层:子元素

             </body>

</html>

当我们想在网站中写有中文的时候需要引入一种标准

也就是引入所谓的编码方式即UTF-8

<!DOCTYPE html>

<head>

<meta charest = "UTF-8"> <meat>元数据

</head>

关于标题的引用如图所示

ce16a7008c2744bc98ca9d0c9d32679e.png

在我们所需要引入的标题用h1至h6引用出来,根据h1至h6的不同,标题所显示的大小也不同

接下来我们将介绍几个关键词

<p> 段落内容 </p>

需要注意以下几点

段落会自动换行 但是在段落内部文字忽连续空格,也不会显示空行,也不会换行f932718dedbe454fb3e915b23ed73704.png

因为在段内无法自动换行与空格接下来我们将引入几个符号为了进行换行以及进行空格的操作

换行符<br/>

需要注意的是换行符是单独的出现只要有一个换行符的出现就可以

空格字符&nbsp;

同样也需要注意的是空格字符也是单独出现的,不需要额外的字符

但空格字符会忽略连续的空格,也不会显示空行,同时也不会换行

那么我们如何将格式进行保留呢,有一个格式就是<pre>文本</pre>

这个就会将我们所输入的预留格式全部进行保存保留

在这个格式下可以将换行以及空格进行保留

水平线<hr/>

fcf88b84eaf3443d9d8985037786240d.png

 <!--  注释内容  -->

如何进行引用链接 ---超链接

<a herd = "web"> 文字或者图片</a>

 给个例子

<a nerf = "http://www.baidu.com"> baidu</a>

即引用百度的网址

引入图片或者视频的方法

绝对路径 < img src = "C:/site/logo.gif"/>

相对路径 <img src = "logo.gif"/>

区域div

<div align = "center">

      在此输入想输出的的内容

<div>

上述代码的意思是将输入剧中

无序列表

<ul> 

     <li>  在此输入内容  <li>

</ul>

eg输出样式

 0ca733c87d21476ca69cd193026753ff.png

有序列表

<ol>

     <li> 输入内容 <li>

</ol>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值