html基础内容

一、常用标签
(一)单标签:

1.meta标签:对网页进行描述以及设置网页的关键词。
2.图片标签img:描述图片。
相对路径:指相对位置,具有层级关系,层层转换。
绝对路径:地址名。

<img src="图片路径" alt="描述图片" />

3.换行标签br:设置段落间的换行。
4.水平线标签hr:分隔内容,使页面更美观。

(二)双标签:
1.标题标签title:设置网页的标题。
2.段落标签p:设置段落内容。
3.div标签:为HTML文档内大块(block-level)的内容提供结构和背景的块级元素。
div标签和p标签的区别:div标签是一种结构标签,没有间距,而p标签是一种文章标签,有间距,具有margin-top和margin-bottom属性。
4.span标签:行内元素,没有任何的属性。
div标签和span标签的区别:div标签是一个块级元素,独占一行。span标签是一个行内元素,内容有多宽就占用多宽。
5.加粗标签:strong,b
6.标题标签h1-h6:用来设置文本标题,从一级标题到六级标题,标题逐渐减小,一般只用到前三级标题。
7.下划线标签:ins
8.删除标签:del
9.超链接标签a:跳转页面。target=_blank在新标签页中打开网页,target=_self在原网页中打开网页。

<a href="跳转地址"  title="设置鼠标悬停内容" target="_blank"></a>

(三)转义字符

  1. &lt:小于号
  2. &gt:大于号
  3. &nbsp:空格
  4. &copy:版权符号©(输入版权符号:按住alt键,数字小键盘区输入1,6,9)

(四)列表
1.无序列表ul和li标签

<ul>
     <li>早起</li>
     <li>吃饭</li>
     <li>睡觉</li>
</ul>

2.有序列表ol和li标签

<ol>
     <li>早起</li>
     <li>吃饭</li>
     <li>睡觉</li>
</ol>

3.自定义列表:dl自定义列表,dt自定义列表项,dd自定义列表项的描述。

<dl>
    <dt>平常的一天</dt>
    <dd>早起运动</dd>
    <dd>中午吃饭</dd>
    <dd>晚上睡觉</dd>
</dl>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值