【HTML5】1

注释

　　　注释不能嵌套

标签

  • 标签一般成对出现；但存在自结束标签会单独出现
  • 自结束标签：<img/> <img> <input/> <input>
  • 属性
　　　　 在标签中（开始标签或自结束标签，不能在结束标签）可以设置属性
                属性是一个名值对（x=y）
                属性用来设置标签中的内容如何显示
                属性和标签名或其他属性应该使用空格隔开
                属性名和属性值不能乱写，应根据文档中的规定来编写。
                有些属性有属性值，有些没有
                属性值要用引号引起来（单引号双引号都可以）
<h1>这是我的<font color='red' size="5">第三个</font>网页</h1>

HTML格式

<!--  html5的文档声明：<!doctype html>  -->
<!DOCTYPE html>

<!--  html的根标签（元素），网页中的所有内容都要写在根元素里面  -->
<!--  en为英文网站  zh为中文网站  -->
<html lang="zh">
    
    <!--  head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页  -->
    <head>
        
        <!--  meta标签用来设置网页的元数据，网页的字符集为utf-8  -->
        <meta charset="utf-8">
        
        <!--  title中的内容会显示在浏览器的标题栏上，搜索引擎会主要根据title中的内容来判断网页的主要内容  -->
        <title>网页的标题</title>
        
    </head>
    
    <!--  body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里  -->
    <body>
        
        <!--  h1网页的一级标题  -->
        <h1>网页的大标题</h1>
        
    </body>
    
</html>

 meta

  • meta主要用于设置网页中的一些元数据，元数据不是给用户看的
  • charset 指定网页的字符集
    name 指定的数据的名称
    content 指定的数据的内容
    description 用于指定网站的描述 
    <!--  keywords表示网站的关键字  -->
<meta name="keywords" content="HTML5,前端,CSS3">

网页跳转

<!--  页面在3秒后跳转到另一个网站  -->
<meta http-equiv="refresh" content="3;url=http://www.baidu.com">

实体（转义字符）

  • 在HTML中有些时候不能直接书写一些特殊符号，比如连续的空格、字母两侧的大于和小于号
  • 若需要写这些特殊符号，则使用实体
  • 语法：&实体名字
  • &nbsp; 空格    &lt; 小于    &gt; 大于
<p>
    今天&nbsp;&nbsp;&nbsp;天气真不错！
</p>
<p>
     a&lt;b&gt;c
</p>

标签

  • 在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的样式
  • 标题标签：
        　　h1~h6  共有六级标题，重要性递减
        　　h1在网页中的重要性仅次于title标签
        　　一般情况下标题标签只会使用到h3，后面三级很少用
  • 块元素：在页面中独占一行的元素 
    <!--  hgroup标签用来为标题分组，可以将一组相关的标题同时放入到group  -->
<hgroup>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
</hgroup>
    <!--  p标签表示页面中的一个段落，会产生换行  -->
<p>在p标签中的内容就表示一个段落</p>
<p>在p标签中的内容就表示一个段落</p>

<!--  em标签用于表示语音语调的一个加重
      行内元素（在页面中不会独占一行的元素） -->
<p>今天天气<em>真</em>不错！</p>

    <!--  strong表示强调，重要内容！  -->
<p>你今天必须要<strong>完成作业</strong></p>

<!--  blockquote表示一个长引用（引起换行了，不是行内元素）  -->
鲁迅说：
<blockquote>
    这句话我是从来没有说过的！
</blockquote>

<!--  q表示一个短引用  -->
子曰<q>学而时习之，乐呵乐呵！</q>

<!--  br标签表示页面中的换行，写一个换一行，写两个换两行  -->
<br>今天天气真不错

    <!--  title标签的内容会作为搜索结果的超链接上的文字显示  -->
      <title>实体</title>

     

posted @ 2023-03-14 20:08  白茶花约  阅读(29)  评论(0)    收藏  举报