前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在菜鸟教程学 HTML(一)[通俗易懂]

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

作者头像
全栈程序员站长
发布2022-09-20 10:42:22
7520
发布2022-09-20 10:42:22
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

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

一、HTML 页面框架

代码语言:javascript
复制
<!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.cn/168335.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档