Java Web ---- HTML 简介

HTML

  1. HTML ---- 结构层

  2. CSS ----表现层

  3. javascript ---- 行为层

一、HTML概述

  • HTML (Hyper Text Markup Language)是超文本标记语言。
  • HTML 文件是包含一些标签的文本文件。
  • 这些标签告诉 WEB 浏览器如何显示页面。
  • HTML 文件必须使用 htm 或者 html 作为文件扩展名。
  • HTML 文件可以通过简单的文本编辑器来创建。

二、HTML 标签

  • HTML 标签是用来标记 HTML 元素的。
  • HTML 标签被 <>符号包围。
  • 这些包围的符号叫作尖括号。
  • HTML 标签是成对出现的。例如 <b></b>。也有的标签为单标签,例如</br>
  • 位于起始标签和终止标签之间的文本是元素的内容。
  • HTML 标签对大小写不敏感,<b><B> 的作用的相同的。
HTML标记的类型
  1. 单标记:
    a. <标记名称 />
    单一型,无属性值。如: <br />
    b. <标记名称 属性=“属性值” />
    单一型,有属性值。如: <hr width=“80%” />
  2. 双标记:<开始标记>内容</结束标记>

三、HTML文档的创建

html语言最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用的,有一个开头标记和一个结束标记。结束标记只是在开头标记加一个斜杠“/”,当浏览 器打开html文件后,就会理解里面的标记符,然后把标 记符对应的功能表达出来。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标题</title>
</head>
<body>
	正文
	<b>此文本是粗体的。</b>
</body>
</html>
  • <!DOCTYPE html> 为文档的标题头

  • <html>...</html> 标识网页文件的开始与结束,所有html元素都要放在这对标记中。

  • meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。放在<head></head>之间
    设置关键字
    <meta name="keywords" content="value" />多个关键字内容用“,”分隔
    设置描述<meta name="description" content="value" />
    设置作者<meta name="author" content="作者名" />
    设置字符集<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    设置字符集<meta http-equiv="refresh" content="2;URL=http:www.baidu.com"/>

  • <title>...</title>标识网页文件的标题

  • <body>..</body>标识网页文件的主题部分

  • <b>此文本是粗体的。</b> 为一个 HTML 元素
    这个 HTML 元素由起始标签 <b> 开始。
    这个元素的内容是:“此文本是粗体的。”。
    这个 HTML 元素由终止标签 </b>结尾。
    <b> 标签的作用是定义一个显示为粗体的 HTML 元素。

四、HTML标签属性

  • HTML 标签拥有属性。属性为 HTML 元素提供附加信息。
  • 属性总是以名称/值对的形式出现,比如:name=“value”
  • 属性总是在 HTML 元素的开始标签中规定。
    标记的属性:<标记 属性1=参数1,属性2=参数2>内容</标记>
    说明:标记与属性、属性之间以空格分离,属性顺序部不分先后,且属性不是必须的
    注意:始终为属性值加引号
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值