HTML基础知识——常用标签1

常用标签1

    • 1、font 字体标签
    • 2、特殊字符
    • 3、标题标签
    • 4、超链接标签(重点,必须掌握)

1、font 字体标签

规定文本的大小、字体和颜色

实例:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font字体标签title>
head>
<body>
    <font size="3" color="blue" face="宋体">我是覃仔font>
    <br/>
    <font size="2" color="red" face="黑体">我是覃仔font>
    <br/>
    <font size="verdana" color="green" face="楷体">我是覃仔font>
body>
html>

color属性修改颜色
face属性修改字体
size属性修改文本大小

浏览器支持
Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 标签。

HTML5 不支持 标签,请用 CSS 代替。

2、特殊字符

在 HTML 中,某些字符是预留的。因为在HTML中某些字符比如小于号(<)或者 大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。

常用特殊字符表:HTML基础知识——常用标签1_第1张图片
其他特殊字符表:HTML基础知识——常用标签1_第2张图片



<html>
<head>
    <meta charset="UTF-8">
    <title>特殊字符title>
head>
<body>
大家好<br>我是覃仔<br/>
覃仔  nbsp;    好帅啊!
body>
html>

3、标题标签

标题是通过

to
标签进行定义的



<html>
<head>
    <meta charset="UTF-8">
    <title>标题标签title>
head>
<body>
<h1 align="left">标题1h1>
<h2 align="center">标题2h2>
<h3 align="right">标题3h3>
<h4>标题4h4>
<h5>标题5h5>
<h6>标题6h6>
<h7>标题7h7>
body>
html>

4、超链接标签(重点,必须掌握)

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML使用标签 来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

在标签 中使用了href属性来描述链接的地址。

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线
  • 访问过的链接显示为紫色并带上下划线
  • 点击链接时,链接显示为红色并带上下划线


<html>
<head>
    <meta charset="UTF-8">
    <title>超链接title>
head>
<body>
<a href="http://localhost:8080">百度a><br/>
<a href="http://localhost:8080" target="_self">百度_selfa><br/>
<a href="http://localhost:8080" target="_blank">百度_blanka><br/>
body>
html>

你可能感兴趣的:(HTML基础知识——常用标签1)