HTML基本知识

一. HTML文档结构

1.1 文档声明

1.html5的声明

<!DOCTYPE html>

1.2 文档的标签

<html>
    <head>
        <title></title>
    </head> 
    <body>
    </body>
</html>

二. 常用的标签

2.1 meta标签

meta标签表示网页的源数据,是一个自结束标签

meta标签的用法:

  1. 设置页面的字符集<meta charset=”utf-8”/>

  1. 设置网页的描述 <meta name=”description” content=””/>. 设置网页的关键字<meta name=”keyword” content=””/>

  2. 请求重定向 <meta http-equiv=”refresh” content=”5;url=地址”/>

2.2 标题标签

h1~h6

h1最为重要,显示的字体也最大

2,3 段落标签

段落标签使用p标签,会独占一行

2.4 换行标签

<br >换行标签 在开发中很少用到

<hr >水平线标签 在开发中很少用到

2.5 实体的引用

在页面中有一些符号不能正确显示,那么就要用实体代替.一些常见的实体.

&nbsp; 空格

&lt; 小于号<

&gt; 大于号>

2.6 超链接

使用<a>标签表示超链接

<a href=""></a>

1.href属性中是一个链接的地址

  • 相对地址:

    ../上一级目录

    ./当前文件所在的路径(可以省略不写)

  • 绝对地址:

    file:///以后开发中不会用到

    http://www.baidu.com 网页使用其他网站的资源都会使用这种绝对路径

    /相对于根目录来

  • href使用的另一种方式:

    • 在元素中加上id属性,这个元素就会成为一个锚点,然后在href中写上#id名,点击超链接就会跳到对应的锚点上去,href中输入的是#或者是#top,点击之后都会回到顶部

    • 直接去新的页面的某个锚点:href="地址#锚点"

2.target属性表示链接的地址用什么方式打开

  • 在当前(自身)页面打开: target="_self" 默认值

  • 在新的页面打开: target="_blank"

2.7 title属性

title属性是一个全局属性,也就是所有元素都可以用的属性,表示当鼠标悬停在元素上方一定时间之后, 会有一个文本提示.

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值