HTML基础(一)

0X00 HTML


 HTML是一种超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。HTML元素是构建网站的基石。

0x01主体标签


主题标签:<body>...</body>
1.标签是成对出现的。在…标签对之间的内容,将显示在Web浏览器窗口的用户区域,它在HTML文档的主体部分。结束标签指明主体区域的结尾。在标签中可以规定整个文档的一些基本属性。
2.“bgcolor”:指定HTML文档的背景色。
3.“text”:指定HTML文档中文字的颜色。
4.“link”:指定HTML文档中待超链接对象的颜色。
5.“alink”:指定HTML文档中连接中超链接对象的颜色。
6.“vlink”:指定HTML文档中已连接超链接对象的颜色。
7.“background”:指定HTML文档的背景文件。
注意:1.HTML中“<”、“>”用编码表示法:“&lt”
   2.显示空格使用“&nbsp”

0X02段落标签


段落标签:<p>...</p>

1.语法:<p align="属性" >段落内容</p>

2.属性align的作用:设定水平对齐位置
常见设定值:置左(align=“left”)、居中(align=“center”)、置右(align=“right”)。

3.实例:<p align="center">啊啊啊啊啊</p>

0X03换行标签


1.作用:在不起另一段的情况下将当前文本强制换行。注意换行标签<br>是单独出现的,有起始标签,但是没有结束标签。

2.语法:<p>内容<br>内容</p>
3.实例:<p>aaaaaaaa<br>111111111</p>

0X04预格式化标签


1.作用:完整的保留设计者在源文件中所定义的格式,包括各种空格,缩进,以及其他特殊的格式。

2.语法:
<pre>
 内容
</pre>
3.实例:
<pre>     
   1111111
     11111
 11111
</pre>

0X05列表标签


 HTML文档中使用的列表主要有无序列表、有序列表、日录列表、菜单列表、描述性列表五种类型。小编在这里着重介绍无序列表、有序列表、自定义列表用法。
一、无序列表:无序列表是一个项目的列表,此列项目使用粗体圆点进行标记。

1.语法:无序列表使用 <ul> 标签
<ul>
<li>内容</li>
<li>内容</li>
</ul>
2.实例:
<ul>
<li>AAAA</li>
<li>BBBB</li>
</ul>


二、有序列表:有序列表也是一列项目,列表项目使用数字进行标记。

1.语法:有序列表用 <ol> 标签
<ol>
<li>内容</li>
<li>内容</li>
</ol>
2.实例:
<ol>
<li>AAAA</li>
<li>BBBB</li>
</ol>


三、自定义列表
1.语法:自定义列表以 <dl> 标签开始,每个自定义列表项以 <dt> 开始,每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>内容</dt>
<dd>- 定义内容</dd>
<dt>内容</dt>
<dd>- 定义内容</dd>
</dl>
2.实例:
<dl>
<dt>AAAA</dt>
<dd>- 这是英文字母</dd>
<dt>1111</dt>
<dd>- 这是阿拉伯数字</dd>
</dl>

本文作者:Sundry-Z
微信公众号:Sundry杂项
博客地址:https://sundry-z.github.io/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值