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>

 

初识 HTML的更多相关文章

  1. Android动画效果之初识Property Animation（属性动画）

    前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...

  2. 初识Hadoop

    第一部分:              初识Hadoop 一.             谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...

  3. python学习笔记（基础四：模块初识、pyc和PyCodeObject是什么）

    一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...

  4. 初识IOS,Label控件的应用。

    初识IOS,Label控件的应用. // // ViewController.m // Gua.test // // Created by 郭美男 on 16/5/31. // Copyright © ...

  5. UI篇（初识君面）

    我们的APP要想吸引用户,就要把UI(脸蛋)搞漂亮一点.毕竟好的外貌是增进人际关系的第一步,我们程序员看到一个APP时,第一眼就是看这个软件的功能,不去关心界面是否漂亮,看到好的程序会说"我 ...

  6. Python导出Excel为Lua/Json/Xml实例教程（一）：初识Python

    Python导出Excel为Lua/Json/Xml实例教程(一):初识Python 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出 ...

  7. 初识SpringMvc

    初识SpringMvc springMvc简介:SpringMVC也叫Spring Web mvc,属于表现层的框架.Spring MVC是Spring框架的一部分,是在Spring3.0后发布的 s ...

  8. 初识redis数据类型

    初识redis数据类型 1.String(字符串) string是redis最基本的类型,一个key对应一个value. string类型是二进制安全的.意思是redis的string可以包含任何数据 ...

  9. Redis初识、设计思想与一些学习资源推荐

    一.Redis简介 1.什么是Redis Redis 是一个开源的使用ANSI C 语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value 数据库,并提供多种语言的API.从2010 年 ...

  10. MongoDB【第一篇】MongodDB初识

    NoSQL介绍 一.NoSQL简介 NoSQL,全称是”Not Only Sql”,指的是非关系型的数据库. 非关系型数据库主要有这些特点:非关系型的.分布式的.开源的.水平可扩展的. 原始的目的是为 ...

随机推荐

  1. Quartz CronTrigger 整配置说明

    Quartz cron 表达式的格式向下支持到秒级别的计划,而 UNIX cron 计划仅支持至分钟级.  Quartz用cron 表达式存放执行计划,引用了cron表达式的CronTrigger在计 ...

  2. css渐变写法 从左到右渐变三种颜色示例；

    background:linear-gradient(to right,#7f06a8,#a02bc2,#7f06a8)

  3. python代码技巧总结(更新至17条)

    怎么提高代码水平?答:看牛逼的代码! 牛逼的代码怎么写的?简单,明确,优雅! 怎么简单,明确,优雅?学技巧! 下面搜罗了一些有才格子褂青年的总结,哈哈 1．检查 Python 中的对象 调用 dir( ...

  4. C语言指针变量的长度

    #include <stdio.h> int main() { /********************************************* * * 指针的长度:不同机器可 ...

  5. Android基础——框架模式MVC在安卓中的实践

    本篇文章包含以下内容: MVC的介绍 MVC的实践 MVC的介绍 MVC (Model View Controller),是模型(model)视图(view)控制器(controller)的缩写,一种 ...

  6. 随笔记录 shell脚本相关内容 2019-8-26

    字符串截取: 假设变量为var=http://www.hao.com/123.htm1. # 号截取,删除左边字符,保留右边字符.echo ${var#*//}其中 var 是变量名,# 号是运算符, ...

  7. vue 学习一 组件生命周期

    先上一张vue组件生命周期的流程图 以上就是一个组件完整的生命周期,而在组件处于每个阶段时又会提供一些周期钩子函数以便我们进行一些逻辑操作,而总体来讲 vue的组件共有8个生命周期钩子 beforeC ...

  8. Linux批量解压缩脚本

    #!/bin/bash # 批量解压缩脚本 # 作者: shaohsiung # 时间: // # Store all file names in the tmp directory with the ...

  9. [JZOJ6359] 【NOIP2019模拟2019.9.15】小ω的树

    题目 题目大意 给你一棵树,带点权和边权. 要你选择一个联通子图,使得点权和乘最小边权最大. 支持修改点权操作. 思考历程 显然,最先想到的当然是重构树了-- 重构树就是在做最大生成树的时候,当两个联 ...

  10. 3年A班，从现在起大家都是人质-观后感

    花了2天时间观看了由小室直子.铃木勇马.水野格导演,武藤将吾编剧的3年A班日剧. 这部剧我觉得很擅长用对比的手法,将一个受欢迎的老师人前人后强烈对比,一群外表成熟,内心却始终还是孩子气的学生对比,也将 ...