1.HTML（是一种超文本标记语言   Hypertext Markup Language）,HTML不是一种编程语言，而是一种标记语言，描述网页的语言，ＨＴＭＬ是由一套标记标签（markup tag）组成

java 是编程语言

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

</body>

</html>

01.DOCTYPE声明

（1）Strict（严格类型）：这种声明完全符合W3C的标准，但要求比较严格，对应的声明为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml-strict.dtd">

(2).Transitional(过渡类型)：也称松散（loose）声明。相比Strict而言，要求相对宽松一些，对应的声明w为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(3).Frameset(框架类型)：Strict声明中不允许使用框架，当页面中需要使用框架时，则使用该声明。对应的声明为：

<!DOCTYPE PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

(4).<meta>标签

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

其中，属性“http-equiv” 提供 “名称/值”中的名称，“content”提供“名称/值”，HTML代码的含义如下。

>名称：Content-Type(文档内容类型)。

>值：text/html;charset=gb2312(文本类型的html类型，字符编码为简体中文)，charset表示字符集编码（是很重要的，防止出现乱码）。常用的编码有一下几种。

★   gb2312:简体中文，一般用于包含中文和英文的页面。

★   ISO-885901:纯英文，一般用于只包含英文的页面。

★   big5：繁体，一般用于带有繁体字的页面。

★   utf-8:国际性通用的字符编码，同样适用于中文和英文的页面。

<p>标签是一个内容标签，而<table>标签是结构标签，不允许将<table>标签置于<p>标签内部。将<p>标签置于<td></td>之间，则完全正确。

标题标签：<h1>~<h6>,<h1>字号最大，<h6>字号最小，

段落标签：<p>文本内容省略</p>

换行标签：<br/>  强制换行显示，没有结束标签，直接使用<br/>表示标签的开始和结束。

水平标签：<hr/>  表示一条水平线，没有结束标签。

字体样式标签：字体加粗的标签是<strong>……</strong>,斜体字的标签是<em>……</em>。

注释和特殊符号<!--注释内容-->

图像标签

☆  常用的图像格式

后缀名分别有：   .JPG   .glf   .Bmp   .png

图像标签的基本语法

<img src="图片地址（图片路径）" alt="图像的替代文字"  title=“鼠标悬停提示文字（当鼠标移至图片上时显示提示信息）”  width=“图片宽度” height="图片高度">

链接标签：

超链接包含两部分内容：一是链接地址，即链接目标，可以是某个网址或文件的路径，对应为<a>标签的href属性；二是链接文本或图像，单击该文本或图像，将跳转到href属性指定的链接地址，超链接的基本语法如下：

<a  href="链接地址"  target=“目标窗口位置”>链接文本或图像</a>

>href:表示链接地址的路径。

> target:指定链接在哪个窗体打开，常用的取值有_self(自身窗体)、_blank(新建窗体)。

根据链接的地址是指向站外文件还是站内文件，链接地址有分为绝对路径和相对路径。

★站外使用 绝对路径：指向目标地址的完整描述，一般指向本站点外的文件。

例如：<a href="http://www.sohu.com/index.html">搜狐</a>。

★站内使用 相对路径 ，相对于当前页面的路径，一般指向本站点内的文件，所以一般不需要一个完整的URL地址的形式。、

例如：<a href="login/login.html">登录</a>表示链接地址为当前页面所在路径的“login”目录下的“login。html”页面。

站内使用相对路径时常用到两个特殊符号：“../”表示当前目录的上一级目录，“../../”表示当前目录的上上级目录。

例如：<a href="../web1.html">上级目录</a>

<a href="../../web1.html">上上级目录</a>

超链接的应用：

>页面间链接：A页到B页，

<p><a href="elearing/index.html" target="_blank">XXX</a></p>
<p><a href="elearing/courseList.html" target="_blank">XXX</a></p>

>锚链接：A页甲位置到A页的乙位置或A页甲位置到B页的乙位置。

>功能性链接：在页面中调用其他程序功能，如电子邮件，QQ ，MSN 等。

入门HTML的回顾，小总结的更多相关文章

  1. Jmeter Web 性能测试入门 (四)：一个小实例带你学会 Jmeter 脚本编写

    测试场景: 模拟并发100个user,在TesterHome 站内搜索VV00CC 添加线程组 添加HTTP信息头管理器 添加HTTP Sampler 填写HTTP Sampler中的信息 添加监听器 ...

  2. 微信小程序开发入门学习(1):石头剪刀布小游戏

    从今天起开始捣鼓小程序了2018-12-17   10:02:15 跟着教程做了第一个入门实例有兴趣的朋友可以看看: 猜拳游戏布局 程序达到的效果 猜拳游戏的布局是纵向显示了三个组件:文本组件(tex ...

  3. js入门学习~ 运动应用小例

    要实现的效果如下: 鼠标移入各个小方块,实现对应的效果(变宽,变高,移入透明,移出恢复)~~ (且各运动相互之前不干扰)  主要是练习多个物体的运动框架~~ --------------------- ...

  4. springmvc入门的第一个小例子

    今天我们探讨一下springmvc,由于是初学,所以简单的了解一下 springmvc的流程,后续会持续更新... 由一个小例子来简单的了解一下 springmvc springmvc是spring框 ...

  5. Hadoop HDFS编程 API入门系列之合并小文件到HDFS（三）

    不多说,直接上代码.  代码 package zhouls.bigdata.myWholeHadoop.HDFS.hdfs7; import java.io.IOException;import ja ...

  6. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

  7. python爬虫入门-开发环境与小例子

    python爬虫入门 开发环境 ubuntu 16.04 sublime pycharm requests库 requests库安装: sudo pip install requests 第一个例子 ...

  8. Python零基础入门学习 作者：小甲鱼

    temp = input('不妨想一想小甲鱼现在心里想的哪一个数字:') guess = int(temp) if guess == 8: print('你是小甲鱼心里的蛔虫吗?') print('哼 ...

  9. Python基础入门-实现猜数字小游戏

    今天呢,我们来通过前面学过的一些知识点来完成一个猜数字大小的游戏程序设计.那么呢,一般人写代码直接上来就干,没有分析,这样的做法是没有产出的,除非你是大牛,今天呢,我会把我学习编程的思路分享给大家,我 ...

随机推荐

  1. WinForm-GridView

    前端: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CKXM.aspx. ...

  2. Office 365 - SharePoint 2013 Online 之应用程序开发

    1.给站点添加完Napa后,在网站内容里点击Napa,如下图: 2.创建一个新的app,如下图: 3.可以在Napa里添加新的项目,如下图: 4.添加新的文件,可以添加web页面.样式表.脚本,如下图 ...

  3. sqlite API模型

     每一个数据库连接可以包括多个数据库文件,一个主数据库文件和attached的几个数据库文件. 每一个数据库文件都有自己的B-tree和pager. 数据库连接(connection)和事务(tra ...

  4. 【C语言】C语言简介

    目录: 1. [什么是C语言?] 2. [C语言历史] 3. [C语言标准] 4. [C语言特点] 1. 什么事C语言? · C语言是一门高级编程语言,用于人与计算机之间的沟通,就如同人与人之间沟通时 ...

  5. Eclipse为成员变量设置前缀

    Eclipse可以自动生成getter和setter,constructor. 菜单 - Source, 有Generate Getters and Setter,Generate Construct ...

  6. 【Android】Mac安装EasyTether导致无法识别设备的问题

    正文 想让手机走PC网络,然后抓包,于是搜索一番后安装了一个叫EasyTether的软件.还没来得及测试,就忙着写代码去了,重启MAC以后就发现连不上手机了,一开始并没有怀疑是 EasyTether的 ...

  7. ios 友盟第三方登录遇到的各种坑。

    //未使用pod的点友盟官方文档 http://dev.umeng.com/social/ios/quick-integration 首先pod导入 pod 'UMengSocialCOM', '~& ...

  8. thinkphp 创建子应用

    1 根目录建立 文件名 a 2 a 下建立index.php define('APP_NAME', 'a');define('APP_PATH', './a');define('RUNTIME_PAT ...

  9. DB2LOOK命令提取数据库对象信息

    提取复制数据库的DDL语句:db2look -d BCDLJS -e -o db2look.sql -a -a:导出所有用户的DDL-o: 定向结果到文件-d: 数据库名-e: 抽取复制数据库所需的 ...

  10. IT软件开发常用英语词汇

    Aabstract 抽象的abstract base class (ABC)抽象基类abstract class 抽象类abstraction 抽象.抽象物.抽象性access 存取.访问access ...