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>

猜你喜欢

转载自blog.csdn.net/spwarrior/article/details/81010881
今日推荐