zoukankan      html  css  js  c++  java
  • 初识 HTML

    HTML

       1.描述 HTML超文本标记语言(英语:HyperText Markup Language)是一种用于创建网页的标准标记语言

           您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

     
     2.一个最基本的HTML页面: 
        
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>网页标题</title>
    </head>
    <body>
    </body>
    </html>
    

      上述解析:           

    • <!DOCTYPE html> 声明为 HTML5 文档
    • <html> 元素是 HTML 页面的根元素
    • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8(meta设置字符集要与浏览器统一,不然造成乱码)  
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容

     3.标签:   

          • HTML中的标记指的就是标签。
          • HTML使用标记标签来描述网页。
          • 结构:
                 <标签名>标签内容</标签名>
                <标签名 />
     4.常用标签:
      <html>
        • 作用:
                    – <html>标签用于告诉浏览器这个文档中包含 的信息是用HTML编写的。
               • 用法:
                   – 所有的网页的内容都需要编写到html标签中一个页面中html标签只能有一个。
                   – html标签中有两个子标签head和body 。
            <head>
               • 作用:
                  – <head>标签用来表示网页的元数据,head中 包含了浏览器和搜索引擎使用的其他不可见信息。
               • 用法:
                 – head标签作为html标签的子元素的出现,一个网页中只能有一个head。
      <title>
               • 作用:

                – <title>标签表示网页的标题,一般会在网页的标题栏上显示。
                – title标签中的文字,是页面优化的最重要因素。在搜索引擎的搜索时最先看到的、最醒目的内容。  

      <body>
       • 作用:
                – <body>标签用来设置网页的主体,所有在页面中能看到的内容都应该编写到body标签中。 
      <h1>~<h6>
              • 作用:
               – h1~h6都是网页中的标题标签,用来表示网页中的一个标题,不同的是,从h1~h6重要性越来越低。
               – 标题标签相当于正文的标题,通常认为重要性仅次于页面的title。
          – 一般标题标签我们只会使用到h3,h3以后的标题标签对于搜索引擎就没有什么意义了。
       – 一个页面中只会使用一个h1标签。
           <p>
        • 作用:
               – <p>标签表示网页中的一个段落。
               – 一般浏览器会在段落的前和后各加上一个换行,也就是段落会在页面中自成一行。

      <br />
       • 作用
        – <br />标签表示一个换行标签,使用br标签可以使br标签后的内容另起一行。
      <hr />
       • 作用:
       – <hr />标签是水平线标签,使用hr标签可以在页面中打印一条水平线,水平线可以将页面分成上下两个部分。
      <img />
         • 作用:
        – < img />标签是图片标签,可以用来向页面中引入一张外部的图片。
      • 属性:
        – src指向一个外部的图片的路径。
           – alt图片的描述
      <a>
       • 作用:
        – <a>标签是超链接标签,通过a标签,可以快速跳转到其他页面。
       • 属性:
        – href 指向一个链接地址
        – target设置打开目标页面的位置,可选值:_blank新窗口、_self当前窗口。

      5.基本标签实例及效果

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>基本标签</title>
    	</head>
    	<body>
    		<h1> 一级标题 </h1>
    		<h2> 二级标题 </h2>
    		<h3> 三级标题 </h3>
    		<h4> 四级标题 </h4>
    		<h5> 五级标题 </h5>
    		<h6> 六级标题 </h6>
    		<p>相对论(Relativity)的基本假设是相对性原理,即物理定律与参照系的选择无关。<br>
    		狭义相对论(Special Relativity)和广义相对论(General Relativity)的区别是,<br>
    		前者讨论的是匀速直线运动的参照系(惯性参照系)之间的物理定律,后者则推广到具有加速度的参照系中<br><hr ><br>
    		(非惯性系),并在等效原理的假设下,广泛应用于引<br>力场中。相对论和量子力学是现代物理学的两大基本支柱。
    		经典物理学基础的<br>经典力学,不适用于高速运动的物体和微观<br>领域。相对论解决了高速运动问题;量子力学解决了
    		微观亚原子条件下的问题。<br>相对论颠覆了人类对宇宙和自然的“常识性”观念,提出了“时间和空间的相对性”、“四维时空”、
    		“弯曲空间”等全新的概念。狭义相对论提出于1905年,广义相对论提出于1915年(爱<br>因斯坦在1915年末完成广义相对论的
    		创建工作,在1916年初正式发表相关论文)。
    		</p>
    		<img src="../../HelloHBuilder/img/HBuilder.png" >
    		<a href="#">这是个链接</a>
    	</body>
    </html>

     
  • 相关阅读:
    Solr与Lucene的区别
    查询如下课程平均成绩和及格率的百分数(用"1行"显示): 企业管理(001),马克思(002),OO&UML (003),数据库(004)
    按平均成绩从高到低显示所有学生的“数据库”、“企业管理”、“英语”三门的课程成绩,按如下形式显示: 学生ID,,数据库,企业管理,英语,有效课程数,有效平均分
    按各科平均成绩从低到高和及格率的百分数从高到低顺序
    设计模式
    查询各科成绩最高和最低的分:以如下形式显示:课程ID,最高分,最低分
    什么是Session共享?请举出使用场景
    vue中监听路由参数变化
    获取DOM元素到页面顶部的距离,亲测有效版本(转载)
    css页面滚动条出现时防止页面跳动的方法
  • 原文地址:https://www.cnblogs.com/zqy6666/p/11706886.html
Copyright © 2011-2022 走看看