html学习

html骨架

例:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>html骨架</title>

</head>

<body>

    这里是网页的主体

</body>

</html>

HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。

     <h1>这是一级标题</h1>

      <h2>这是二级标题</h2>

      <h3>这是三级标题</h3>

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

注意只有<h1> 到 <h6>;

段落之间有间隙,并且独占一行;

HTML 标签

标签分为单标签和双标签;

如:<strong>这里的文字会变粗<strong> 是双标签;

<br> 换行 是单标签;

<hr> 标签在 HTML 页面中创建水平线。

标签之间的关系:

兄弟关系(并列关系),父子关系(嵌套关系);

在上述的骨架中:<head></head>   与  <title><title/>是嵌套关系;

                              <head></head>  与  <body><body/> 是并列关系;

文本格式化标签:

<b>加粗</b>

<strong>加粗</strong>

<u>下划线</u>

<ins>下划线</ins>

<i>倾斜</i>

<em>倾斜</em>

<s>删除线</s>

<del>删除线</del>

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

<!-- 这是一个注释 -->

HTML 提示 - 如何查看源代码

你是否看过一些网页然后惊叹它是如何实现的。

如果您想找到其中的奥秘,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值