html-基础标签 简要笔记

html:hyper text markup language(超文本标记语言)

web三大基石之一:html,http,url

html,用于页面的规范化展示,超文本含义:不仅仅是文本,还包含其他的样式。标记语言:可以理解为一种标签语言,以成对的标签,开始标签和结束标签成对出现,结束标签中包含/,丢失结束标签可能会出现一定的问题。

最简单的结构:

<!DOCTYPE html>:用于标记样式,属于html

<html>:最外层标签
<head>:头部
<meta charset="UTF-8">:utf-8
<title></title>:标题
</head>
<body>:身体
</body>

</html>

标签的介绍:
1.<head>

<title>:标题,用于展示网页具体的名称

<meta  charset="utf-8">:文本格式

<meta http-equiv="refresh" content="3;URL=res.html">三秒跳转到固定的页面

<meta name="keywords" content="baidu">关键字

<meta name="description" content="author">网页介绍

2.<body>

块级元素:

<h1>---<h6>字体加黑加粗,常用的属性align:标题的位置center,light,left

<p>段落,自动换行

<br>换行标签

<hr>好人标签,下划线,属性:align,width,size,color

小标签:

    <b> 加粗 <i> 斜体 <sub> 下角标<sup> 上角标 <strong> 大 <small> 小 <em> 斜体 <u> 下划线<del> 删除

    <span> 没属性,但是有各种的样式

列表标签:很重要

    <ui>

            <li>

            </li>

    </ui>

图片标签:<img>

    用于引进图片,有相对位置还有绝对位置,网络位置

    src:图片的位置

    width,heigth宽度和高度,可以用px表示,还可以用%号表示,%表示占整个页面的百分比,当页面 的大小变化时,图片在相应的维度也会发生变化。

    alt:中内容当图片无法正常显示时,进行展示

    title:当鼠标悬浮到图片上时,进行展示的信息

音频b标签:embed 用的较小

a标签:超链接

    anchor:锚

    属性:href:本地资源还有网络资源,注意a标签的开始和结束之间必然要填充内容,不然不起作用。

              target:控制跳转,_blank:空白页_self:自己_parent:父类_top:顶级父类

    a标签的锚点功能,常用于网页信息多的情况,回到顶部和回到底部,<a href="#top" name="bottom">回到顶部</a>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值