html知识点

HTML语言特点
1、可以设置文本的格式,比如标题、字号、文本的颜色
2、超链接,可以使用鼠标点击超链接来实现页面间的跳转
3、可以插入图像和媒体
4、可以创建表格

HTML的标签和属性
查看html代码,会发现html代码中都是<h1>标题</h1>或者<a href=”http://www.baidu.com”>超链接</a>,其中<h1></h1>和<a></a>就是html中的标签,而html是由无数个这种<标签>内容</标签>标记组成的,所以html称为标记语言强调内容。
像<a href=”http://www.baidu.com”>超链接</a>中的href就是a标签的属性值。

注意:
①HTML语法不区分大小写<a></a>与<A></A>一样
②文档注释使用<!–注释内容–>
③代码的格式:空格、回车不起作用(无论多少个空格只用一个空格起作用)
④缩进保持严格的规则,以“Tab”键进行缩进(为了使代码看着简洁,不缩进也不影响)
⑤字符实体:实体名称代替特殊符号,例如使用&/t或&#60代替<

HTML结构
<html><!--HTML文档标记,位于网页的最前和最后-->
  <head> <!--HTML文件头标记,用来包含文件的基本信息,内容不会再浏览器中显示-->
  <!--头部内容-->
  </head>
  <body><!--网页真正显示的内容都在body标签中-->
  <!--网页内容-->
  </body>
</html>

title 元素设置文档的标题。浏览器通常会在浏览器窗口或选项卡的顶部显示此元素的内容。

每个HTML文档应该只有一个标题元素。

<!DOCTYPE HTML>
<html>
<head>
   <title>Example from </title>
</head>
<body>
    <p>This is a test.</p>
    <a href="">Visit  </a>
</body>
</html>

HTML Base

base 元素为相对链接设置基本URL。

相对链接是省略URL的协议,主机和端口部分的链接并且针对一些其他URL(由基本元素或由基本元素指定的URL)进行评估用于加载当前文档的URL。

base 元素也指定如何在用户单击链接时打开链接,以及在表单提交后浏览器的行为。

base 元素有两个局部属性

  • href
  • target

HTML文档最多只能包含一个基本元素。

href属性

href 属性指定基本URL将解析文档中的相对URL。

<!DOCTYPE HTML>
<html>
<head>
   <title>Example</title>
   <base  href="//listings/"/>
</head>
<body>
   <p>This is a test.</p>
   <a href="https://">Visit </a>
   <a href="/javascript.html">JavaScript</a>
</body>
</html>

如果不使用 base 元素,那么浏览器将假设它应该解析与当前文档的URL的任何相对链接。

target属性

target 属性指示浏览器如何打开网址。

HTML元数据

meta 元素定义文档的元数据。meta 元素有局部属性,包括 name,content,charset,http-equiv charset 属性是HTML5中的新功能HTML4 scheme 属性现在已过时。元素的每个实例只能用于这些目的之一。

名称/值元数据对

meta 元素的第一个用途是定义名称/值对中的元数据,使用 name  content 属性。

<!DOCTYPE HTML>
<html>
<head>
    <meta name="author" content=""/>
    <meta name="description"  content="A simple example"/>
</head>
<body>
    <a href="">Visit  </a>
</body>
</html>

下表列出了可以与meta元素一起使用的预定义元数据类型。

元数据名称描述
application name当前页面所属Web应用程序的名称
author当前页的作者的名称
description当前页面的描述
generator生成HTML的软件的名称
keywords一组用逗号分隔的字符串,用于描述内容

大多数搜索引擎将识别的三个值是

  • noindex - 不要索引此页面
  • noarchive - 不要创建此页面的存档或缓存版本
  • nofollow - 不要追踪(即抓取)此页面的链接

HTML字符集

要正确显示HTML页面,我们必须设置字符集(字符编码)。meta 元素的另一个用途是声明字符编码。

<!DOCTYPE HTML>
<html>
<head>
    <title>Example</title>
    <meta name="author" content=""/>
    <meta name="description"  content="A simple  example"/>
    <meta charset="utf-8"/>
</head>
<body>
   <p>This is a test.</p>
   <a href="">Visit  </a>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值