偶遇HTML,简单了解一下!

今天在做项目时,因为需要前端展示,就不得不看了一些基础的HTML点,总结了一些关于标签的知识!
一、HTML文件命名规则:用英文,不用中文
1、.html和.htm;
2.无汉字、无空格、无特殊符号(如标点符号)
3.必须以英文开头,只可以有英文字母、下划线和数字;
4.首页的文件默认命名为:index.html或index.htm;
二、有哪些标签?
通过不同的标签,HTML文档可以包含不同的内容,比如文本,链接,图片,列表,表格,表单等。
三、标签总结
1.文本标题标签

<h1>我是h1</h1>
<h2>我是h1</h2>
<h3>我是h1</h3>

特点:字体加粗、变大;自动换行
作用:用户可以通过标题来快速浏览网页,标题来呈现文档结构是很重要的。一般h1是大标题、h2是小标题….
2.段落标签

<p>段落文本内容</p>

特点:段落与段落之间有段间距
作用:标识一个段落
3.空格符

&nbsp
 (注:所占位置没有一个确定的值,这与当前字体字号都有关系).

4.强制换行标签
<br />

5.加粗标记
<b>文本</b>
<strong>文本</strong>

6.倾斜标签

  <em>文本内容</em>
   `<i>文本内容</i>`

7.水平线标签
<hr />
8.列表标签
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表
无序列表

<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
......
</ul>

有序列表

<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
......
</ol>

自定义列表

<dl>
     <dt>名词</dt>
     <dd>解释</dd>
......
</dl>

9.插入图片标记
<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" />
10.div的用法
<div id="id名“ class="class名"></div> 文档区域,文档布局对象
span的用法
<span></span>文本结点(某一小段文本,或是某一个字)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值