ekertree

HTML

HTML简介

Hyper Text Markup Language (超文本标记语言)简写:HTML。通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)

代码示例:

<!DOCTYPE html> <!--约束,声明-->
<html lang="en"> <!--htmL标签表示htmL的开始,lang="zh_CN"表示中文html,lang="en"表示英文html,标签中一般分为两部分,分别是: head和body
-->
<head> <!--表示头部信息,一般包含三部分内容,title标签,css样式,js代码-->
	<meta charset="UTF-8"> <!--表明当前页面使用UTF
-8字符集-->
	<title>标题</title>
</head>
<body> <!--body标签是html页面显示的主题内容-->
	hello
</body>
</html>

注:Java 文件是需要先编译,再由 java 虚拟机跑起来。但 HTML 文件它不需要编译,直接由浏览器进行解析执行。

HTML 文件的书写规范

<html>	表示整个 html 页面的开始
	<head>	头信息
		<title>标题</title>	标题
	</head>
	<body>	body 是页面的主体内容
		页面主体内容
	</body>
</html>	表示整个 html 页面的结束

Html 的代码注释

HTML 标签介绍

  1. 标签的格式:

    <标签名>封装的数据</标签名>

  2. 标签名大小写不敏感。

  3. 标签拥有自己的属性。

    i. 分为基本属性:

    bgcolor="red"
    

    ​ 可以修改简单的样式效果

    ii. 事件属性:

     onclick="alert('你好!')"
    

    ​ 可以直接设置事件响应后的代码。

  4. 标签又分为,单标签和双标签。

    i. 单标签格式:

    <标签名 />	br 换行	hr 水平线
    

    ii. 双标签格式:

     <标签名> ...封装的数据...</标签名>
    

    在这里插入图片描述

标签的语法

<!-- ①标签不能交叉嵌套 -->

正确:<div><span>早安,玛卡巴卡</span></div> 
错误:<div><span>早安,玛卡巴卡</div></span>

<hr/>
<!-- ②标签必须正确关闭 -->

<!-- i.有文本内容的标签: -->



正确:<div>早安,玛卡巴卡</div> 
错误:<div>早安,玛卡巴卡

<hr />
<!-- ii.没有文本内容的标签: -->正确:<br />错误:<br><hr />
<!-- ③属性必须有值,属性值必须加引号 -->正确:<font color="blue">早安,玛卡巴卡</font> 错误:<font color=blue>早安,玛卡巴卡</font> 错误:<font color>早安,玛卡巴卡</font><hr />
<!-- ④注释不能嵌套 -->正确:<!-- 注释内容 --> <br/>错误:<!--	<!-- 这是错误的 html 注释	-->	--><hr />

注意事项:

  1. html 代码不是很严谨。有时候标签不闭合,也不会报错。

常用标签介绍

font 字体标签

<body><!-- 字体标签需求1:在网页上显示我是字体标签,并修改字体为宋体,颜色为红色。font     标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸) color 属性修改颜色face 属性修改字体size 属性修改文本大小--><font color="red" face="宋体" size="7">我是字体标签</font></body>

特殊字符

一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。

字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (

分类:

Java

技术点:

相关文章: