[19/05/13-星期一] HTML_head标签 和 body标签_文本标签
一、概念
概念：超文本标记语言
作用：需要将Java在后台根据用户的请求处理结果在浏览器显示给用户。数据已经过来了，但是显示可能比较凌乱，所以html应用而生，就像写作文要加标点看着舒服。
在浏览器中将数据需要使用友好的格式展示给用户，因为Java代码只能返回单纯的结果。总之一句话，告诉浏览器接收到的数据使用什么样的数据组织形式进行展示，即哪个
地方需要加黑，哪个地方需要换行等需求，告诉浏览器如何组织数据的给用户的看的。（相当于把一个屋子中的东西整理好，看着很舒服）
使用：Sysout.out.println("学生\t老师\t"); Java虚拟机真正显示的是数据" 学生 老师" \t就是 控制格式的
Sysout.out.println("学生<br>老师<br>"); 同理这里的<br>也是控制格式换行的的。
二、文档标准文档规范
互联网的三大基石：URL： 统一资源定位符（唯一的定位一个网络资源）；
HTTP：超文本传输协议规（规范浏览器和服务器之间数据交互的格式）；
HTML：超文本标记语言（有效组织数据在浏览器端的显示）；
HTML的文档声明：文件名.html 或者文件名.htm，自己独特的后缀
HTML的标准文档结构：
顶层标签html
头标签 head 主要配置浏览器的显示信息 如编码
主体标签 body (与头标签是平等的关系) 写数据，给用户看的
<html>
<head>
<title></title>
</head>
<body>
hello,world!
</body>
</html>
1、HTML的head标签
<!--
1、快捷键H8 或直接html基本机构全生成。或者先打html在按住tab自动生成一对HTML标签(无法校检字母的对错)
注释单行 Ctrl+? 多行注释:ctrl+shift+?
Ctrl+enter 换行
2、顶层标签html
头标签 head 主要配置浏览器的显示信息 如编码
主题标签title 给文档起个名字，网页标题，告诉浏览器使用什么标题显示当前网页
主体标签 body (与头标签是平等的关系) 写数据，给用户看的 -->
<html>
<head>
<!--<meta charset="UTF-8"/> --> <!-- 这是h5的标签，告诉浏览器使用U"TF-8"编码去解析这个网页--> <!--h4的标签，meta是元信息的意思 用http打开，用UTF-8打开。content-type是键表示内容类型，对应下边的
"text/html; charset=UTF-8"
-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>HTML学习</title> <!--网页标题--> <!--以下标签了解：作用网页在浏览器中搜索概率，即搜索引擎优化。百度竞价排名 V1 V2等相关的等级
关键字 ：keywords 关键字：HTML,SXT,老李
网页描述： description 内容："本网页是关于HTML的head标签学习,特别好！
作者：author 姓名：老李
自动跳转刷新 refresh：5秒后自动刷新到指定网页 如百度，比如加广告 后期加入css和js的引入标签
-->
<meta name="keywords" content="HTML,SXT,老李"/>
<meta name="description" content="本网页是关于HTML的head标签学习,特别好！"/>
<meta name="author" content="老李"/>
<!--<meta http-equiv="refresh" content="5,url=http://www.baidu.com"/>-->
</head> <body>
<!--标题标签 ,加粗加黑显示, h1(最大)-h6(最小),自带换行功能，区别于一般文字h7,h7是原样输出
h1-h6:他们是块级标签，自己占一行.
标签属性: 这些属性大部分可以被css替代.
align:排整齐,排版.居中(center)？靠左(left)靠右(right)？ -->
<h1>2018年平均工资出炉，这三大行业月平均工资超万元</h1>
<h1 align="center">2018年平均工资出炉，这三大行业月平均工资超万元</h1>
<h2>2018年平均工资出炉，这三大行业月平均工资超万元</h2>
<h3>2018年平均工资出炉，这三大行业月平均工资超万元</h3>
<h4>2018年平均工资出炉，这三大行业月平均工资超万元</h4>
<h5>2018年平均工资出炉，这三大行业月平均工资超万元</h5>
<h6>2018年平均工资出炉，这三大行业月平均工资超万元</h6> <!--加个水平横线，好人标签,块级元素,
width: 宽度，就是水平长度,可以自定义水平线宽度.60%表示占网页的比例是60%,600px表示占屏幕的大小为600像素
size:表示水平线的高度 ;color:表示设置水平线的颜色
align:水平线的位置，默认居中
-->
<hr width="60%" size="20px" color="red" align="left"/> <h7>2018年平均工资出炉，这三大行业月平均工资超万元</h7>
<!--p表示段落标签，是个整体.段与段之间会换行，但是段落之间在源码中换行,在网页中不会换行，
需要自己设置，段落之间可以有图片等，主要是进行css和js操作时比较方便。块级元素
至于段落里边的可以用br进行换行.行之间和段之间间距很明显差异 (空格符,速记：牛逼视频),用于一段话前边空格美观.一个nbsp可以空出一个字节的位置,告诉浏览器
在此位置增加空格符 可以嵌套使用,没有前后顺序
b：表示对某些重要的文字加黑显示
i：表示对某些文字斜体显示
u:表示加下划线
del:表示加中划线
-->
<p>
<i>5月14日</i>,2018年平均工资数据出炉，城镇非私营单位就业人员年 <br />
平均工资为<b> 82461 </b> 元，<u>城镇私营单位为49575元</u>。在非私营单位中，信息传输、<br />
软件和信息技术服务业、<del>金融业、科学研究和技术服务业的月平均工资超万元.</del> <br />
</p> <p>
<i><b><u> 在城镇非私营单位中，信息传输、软件和信息技术服务业达到147678元</u></b></i>
，首次突破14万元，
占据各行业平均工资水平的首位。记者注意到，这是在2016年首次超过金融业后，IT业平均
工资水平连续第3年继续力压金融业。
</p> </body> </html>
[19/05/13-星期一] HTML_head标签 和 body标签_文本标签的更多相关文章
- 数列F[19] + F[13]的值
已知数列如下:F[1]=1, F[2]=1, F[3]=5,......,F[n] =F[n-1] + 2*F[n-2],求F[19] + F[13]? #include <stdio.h> ...
- [19/05/19-星期日] CSS_css的声明和选择器
一.引言 HTML的作用是负责数据的格式展示,如果使用它来搞数据的样式,则发现样式书写出来太麻烦,不易于维护: HTML可以有效组织数据的展示,但是不同类型数据在浏览器中的分布没有办法展示. HTML ...
- 第二篇 Html(13章节）-a标签，img标签，列表，表格
1. a标签 - 超链接,可以跳转 - 锚 href='#某个标签的ID' 标签的ID不允许重复 <!DOCTYPE html> <html lang="en&qu ...
- [19/05/20-星期一] CSS_css的盒子模型
一.盒子模型 <!DOCTYPE html> <html> <!-- div 标签 块级标签 主要用来网页布局, 会将其中的子元素内容作为一个独立的整体存在 默认宽度是页 ...
- 版本控制git之五-标签管理 tags 标签 代码版本 如: v1.0
版本控制git之五-标签管理 打标签 像其他版本控制系统(VCS)一样,Git 可以给历史中的某一个提交打上标签,以示重要. 比较有代表性的是人们会使用这个功能来标记发布结点(v1.0 等等). ...
- （二十七）JSP标签之核心标签
一.诞生 JSTL标签库的使用是为弥补html标签的不足,规范自定义标签的使用而诞生的.使用JSLT标签的目的就是不希望在jsp页面中出现java逻辑代码. 二.JSTL 分类 核心标签(用得最多) ...
- Django框架（七）—— 模板层：变量、过滤器、标签、自定义标签和过滤器
目录 模板层:变量.过滤器.标签.自定义标签和过滤器 一.模板层变量 1.语法 2.使用 二.模板层之过滤器 1.语法 2.常用过滤器 3.其他过滤器 三.模板值标签 1.for标签 2.if标签 3 ...
- Struts2标签库常用标签（转）
struts2标签讲解 要使用Struts2的标签,只需要在JSP页面添加如下一行定义即可:<%@ taglib prefix="s" uri="/struts-t ...
- JSTL函数标签库 fn标签
JSTL函数标签库 fn标签 在使用jstl的函数标签库之前需要在页面中引入: <%@ taglib prefix="fn" uri="http://java.su ...
随机推荐
- 10年前文章_mysql 中文设置
下面的设置针对GB2312, 1 创建数据库时使用 GBK 字符集 CREATE DATABASE `orange` DEFAULT CHARACTER SET gbk COLLATE gbk_ch ...
- 【学习】021 Nginx
nginx入门 什么是nginx? nginx是一款高性能的http 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器.由俄罗斯的程序设计师Igor Sysoev所开发,官方测试ngi ...
- Flask实现分页功能
可以参考: https://blog.csdn.net/weixin_36380516/article/details/80295101 也可以参考我的代码: https://github.com/z ...
- Python 基本数据类型详解
1.数字 int(整型) 在32位机器上,整数的位数为32位,取值范围为-2**31-2**31-1,即-2147483648-2147483647在64位系统上,整数的位数为64位,取值范围为-2* ...
- 大数加法(A + B Problem Plus)问题
解题思路 两个⼤数可以⽤数组来逐位保存,然后在数组中逐位进⾏相加,再判断该位相加后是否需要进位.为了⽅便计算,可以把数字的低位放到数组的前面,高位放在后面. 样例输入 3 18 22 56 744 5 ...
- SpringBoot最新教程IDEA版【狂神说Java系列】
Spring Boot入门 1.spring boot是配置好的spring集成框架,约定大于配置 2.微服务:把service拆出来独立运行在各个机器上.看下面这两篇论文 原文地址:http://m ...
- React Native 之ScrollView
import React, { Component } from 'react' import { Text, StyleSheet, View, Button ,TouchableOpacity,A ...
- PHP高手干货分享：不能不看的50个细节!【PHP培训教程】
兄弟连分享PHP高手干货:不能不看的50个细节 1.用单引号代替双引号来包含字符串,这样做会更快一些.因为PHP会在双引号包围的字符串中搜寻变量,单引号则不会,注意:只有echo能这么做,它是一种可以 ...
- CentOS7下修改默认网卡名为eth0的两种方法
前言 大家都知道CentOS7默认的网卡名称是和设备名称是随机的,如果要修改网卡名称以 eth 开头,有两种方式,如下: 第一种方式 这种方式适合在安装操作系统的时候进行设置, 点击 Tab,打开ke ...
- 170905-MyBatis中的关系映射
===关系映射=== 参考文档复习:1对1,1对多,多对多 1.映射(多)对一.(一)对一的关联关系 1).使用列的别名 ①.若不关联数据表,则可以得到关联对象的id属性 ②.若还希望得到关联对象的其 ...