Java学习—HTML

1 篇文章 0 订阅

1.什么是html

  • html是一门前端技术
  • 专门负责在浏览器上显示给用户试图信息的,该视图中图片、文字的大致的排列方式。
  • hyper text markup language超文本 标记 语言

(超文本:超级文本 包含了除了文本之外的其它 内容 (视频、图片、音频、连接。。。。
标签 <> 以这样的尖括号包裹起来的一个标签
语言 html存在自己的语法规则和规范 学习任何一门语言就是学习它的规则以及规范)

2.html的应用场景

html代码是运行在浏览器上的,给用户呈现视图页面。后期开发过程中的view视图,基本上就是通过html完成的。

3.为什么要使用html

能够给用户呈现更加好看的的页面信息,普通文本只能展示文字信息,html可以提供各种需要的视图信息。提高用户的体验度。增加用户的粘性、提高程序变现的概率。

4.通过html编写代码

4.1开发工具

DW、HBuilder、IDE集成工具
notepad++、EditorPlus等

4.2 html基本语法

4.2.1编写html框架

<!DOCTYPE html>
	<html>
		<head>
		
		</head>
		<body>
		
		</body>
   </html>

4.2.2.注释

注释的作用:解释说明的文字,解释说明代码的。html中注释给程序员不是给用户看的。所以浏览器解
析html文档的时候,会跳过注释的内容。

   <!DOCTYPE html>
<!--这是解释说明的文字-->
<html>
<head>

</head>
<body>
<!--这是解释说明的文字-->
这是我的第一个html程序
</body>
</html>

4.2.3.html中的标签的含义

<!-- html文档的声明,声明当前html的版本 是html 5 必须要保证在首行
语法1:忽略大小写,对大小写不敏感
-->
<html><!--html文档开始标签-->
<head><!-- 头信息 :标题信息 、字符集合信息 、搜索引擎优化信息、js脚本信息、css样式信息
-->
</head>
<body><!-- 网页上展示的内容都在body中 -->
</body>
<laoxue></laoxue>
</html><!--html文档结束标签-->

4.2.4.基本语法规则

  • 语法1: 忽略大小写,对大小写不敏感
  • 语法2: html中都是通过标签进行编写的 而且99%以上的标签都是成对出现的,<开始></结束>
  • 语法3: html的标签是可以嵌套使用的
  • 语法4: html就是学不同的标签的含义以及呈现的样子
  • 语法5: html中每个标签中都可以存在1个或者 是多个属性,属性和值通过= 连接
  • 语法6: html标签中的文本称之为文本节点或者叫做文本值

4.3.head中可以存放的元素

4.3.1.字符集合

什么是字符集?
在计算机中书写了一个A,计算机需要认识A,存储A。通过字符集合存储,对应其实字符集合就是一个字典。该字典维护了字符和数字之间的关系。实际上计算机存储的是字符对应的数字的二进制的值。
常见字符集

  • ANSII: 美国信息标准交换码 这个表1个字节
  • GBK: 包含了中文信息 2个字节
  • Unicode: 全球统一标准交换码
    目前市面上最常用的字符集合(包含UTF-8和UTF-16)

在这里插入图片描述

4.4body中存放的元素

4.4.1标题标签

<!-- 标题标签 h1-h6-->
<h1>我是1级标题</h1>
<h2>我是2级标题</h2>
<h3>我是3级标题</h3>
<h4>我是4级标题</h4>
<h5>我是5级标题</h5>
<h6>我是6级标题</h6>
<h7>我是7级标题</h7>
<!-- 在一个网页中只添加一个一级标题 -->

标题标签只有h1-h6 如果出现了不存在的标题标签,此时会按照正文显示出来。一个网页中最多只能出现一个h1标签。

4.42段落标签和加粗

<p>一顿操作<b>猛如虎</b> 一看战绩<b>0杠5</b>。</p>

p可以自动换行,b标签是用来加粗展示的。注意strong标签也可以将文本加粗,但是它可以强调语气。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值