在菜鸟教程学 HTML(一)[通俗易懂]

在菜鸟教程学 HTML(一)[通俗易懂]注意:对于中文网页需要使用 <metacharset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置GBK为默认编码,则你需要设


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

注意:对于中文网页需要使用 <meta charset=”utf-8″> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset=”gbk”>。

一、HTML 页面框架

<!DOCTYPE html>  <!-- 声明为 HTML5 文档(不区分大小写) -->
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>

    </body>
</html>

二、HTML 概念

    ”HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.

    但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签及元素内容。

三、HTML 基础 —— 四个实例

    HTML 标题 —— HTML标题是通过<h1> – <h6> 标签来定义的。

    HTML 段落 —— HTML段落是通过标签 <p> 来定义的。

    HTML 链接 —— HTML链接是通过标签 <a> 来定义的。

    HTML 图像 —— HTML图像是通过标签 <img> 来定义的。

四、HTML 链接

    使用 target 属性,你可以定义被链接的文档在何处显示 —— 下面的这行会在新窗口打开文档:

      <a href=”http://www.runoob.com/” target=”_blank”>访问菜鸟教程!</a>

    id属性可用于创建在一个HTML文档书签标记:

      <a id=”tips”>有用的提示部分</a>

    在HTML文档中创建一个链接到”有用的提示部分(id=”tips”):

      <a href=”#tips”>访问有用的提示部分</a>

    或者,从另一个页面创建一个链接到”有用的提示部分(id=”tips”):

      <a href=”http://www.runoob.com/html/html-links.html#tips”>访问有用的提示部分</a>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/168335.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 配置zabbix时启动失败解决办法

    配置zabbix时启动失败解决办法一开始按照这篇博客来配置zabbixhttps://blog.csdn.net/rujianxuezha/article/details/79842998启动zabbix时出现以下提示[root@www~]#systemctlstartzabbix-serverJobforzabbix-server.servicefailedbecauseaconfiguredresourc…

    2022年6月17日
  • linux mail发送邮件_linux命令行收发email

    linux mail发送邮件_linux命令行收发email一、mail命令1.配置 vim /etc/mail.rc文件尾增加以下内容 setfrom=1968089885@qq.com smtp=”smtp.qq.com”setsmtp-auth-user=”1968089885@qq.com”smtp-auth-password=”123456″setsmtp-auth=login说

    2022年10月20日
  • 计算机内核态和用户态,用户态和内核态的区别是什么[通俗易懂]

    计算机内核态和用户态,用户态和内核态的区别是什么[通俗易懂]用户态和内核态的区别是,内核态运行操作系统程序,操作硬件,用户态运行用户程序;当程序运行在3级特权级上时,可以称之为运行在用户态,当程序运行在0级特权级上时,称之为运行在内核态。本文操作环境:windows10系统、thinkpadt490电脑。区别分析如下:1.操作系统需要两种CPU状态内核态(KernelMode):运行操作系统程序,操作硬件用户态(UserMode):运行用户程序2.指…

    2022年9月17日
  • 【OpenCV入门教程之九】 非线性滤波专场:中值滤波、双边滤波[通俗易懂]

    正如我们上一篇文章中讲到的,线性滤波可以实现很多种不同的图像变换。然而非线性滤波,如中值滤波器和双边滤波器,有时可以达到更好的实现效果。邻域算子的其他一些例子还有对二值图像进行操作的形态学算子,用于计算距离变换和寻找连通量的半全局算子。先上一张截图:一、理论与概念讲解——从现象到本质1.1非线性滤波概述之前的那篇文章里,我们所考虑的滤波器都是线性的,即两个信号之和的响应和他们各自响应之和相等。换句话说,每个像素的输出值是一些输入像素的加权和,线性滤波器易于构造,并且易于从频率响应角度来进行分

    2022年4月9日
  • centos7.6安装yum模块

    centos7.6安装yum模块准备阶段:查看系统版本:目的是为后面正确下载对应版本的安装包,包不对会让你走很多弯路#cat/etc/redhat-release版本号为:CentOSLinuxrelease7.6.1810(Core)一:卸载老的安装#检查老的安装rpm-qa|grepyum#卸载老的安装rpm-aq|grepyum|xargsrpm-e–nodeps…

    2022年5月6日
  • 怎么把eclipse改成英文(java汉化包)

    eclipse汉化教程(官方汉化包,傻瓜式操作)首先到eclipseIDE中,点击‘Help’>‘Installnewsoftware…’在弹出的Install窗口中点击Add按钮Name任意填Location填https://download.eclipse.org/technology/babel/update-site/R0.18.3/2021-03/这里解释一下这个Location的出处,是在Eclipse官方的babel语言包project网页上找的,可能不是最

    2022年4月18日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号