[19/05/13-星期一] HTML_head标签 和 body标签_文本标签

最新推荐文章于 2022-04-27 11:49:14 发布
最新推荐文章于 2022-04-27 11:49:14 发布
阅读量112 收藏
点赞数
文章标签： java
原文链接：http://www.cnblogs.com/ID-qingxin/p/10865488.html
版权

一、概念

      概念：超文本标记语言

     作用：需要将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;(空格符,速记：牛逼视频),用于一段话前边空格美观.一个nbsp可以空出一个字节的位置,告诉浏览器
         在此位置增加空格符
         
         
         可以嵌套使用,没有前后顺序
         b：表示对某些重要的文字加黑显示
         i：表示对某些文字斜体显示
         u:表示加下划线
         del:表示加中划线
         -->
         <p>
             &nbsp;&nbsp;&nbsp; <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>

 

    

 

转载于:https://www.cnblogs.com/ID-qingxin/p/10865488.html

weixin_30922589
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML的基本结构标签（html，head，title，body）
qq_45405176的博客
05-20 4621
用记事本做第一个HTML ''' <html> </html> HTML标签 根标签 <head> </head> 网页头部 网页head标签中必须要设置title标签 <title> </title> 网页标题 <body> </body> 网页的主体 页面的内容基本都是在body里 ''' <html> <head> <title>网页
HTML基础 head和body
m0_46698362的博客
04-11 5549
1.HTML文档结构 1.1基本结构 HTML文档由头部head和主体body两个部分组成。在头部head标记中，可定义标题、样式等，头部信息不显示在网页上；在主体body标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head>
html基础入门
weixin_46972127的博客
04-27 1430
目录 1、html结构 1.1、基本结构 1.2、标签的层次结构 2、html常见标签 2.1注释标签 2.2标题标签 2.3段落标签 2.4换行标签 2.5格式化标签（不常用，一般用css进行美化） 2.6图片标签 2.7超链接标签 2.8表格标签 2.9列表标签 2.10表单标签 3、练习 1、html结构 html代码是由各种“标签”构成的。标签名放到<>中，构成一个标签，大多数标签成对出现，有开始标签也有结束标签，少数标签只有开始标签，称为“
HTML_<html>\<head>\<body>标签详解
也许有一天我们再相逢 睁开眼睛看清楚 我才是英雄！
01-15 8317
HTML_<html>\<head>\<body>标签详解
HTML head内所有标签，及其作用
a370177273的博客
08-26 480
这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。 <title> =>元素可定义文档的标题。<title> 标签是 <head> 标签中唯一要求包含的东西。浏览器会以特殊的方式来使用...
js-107种.txt
03-24
HTML文档的基本结构由 `<html>` 元素包裹，其中包含 `<head>` 和 `<body>` 两个主要部分。文档结构示例如下： ```html <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Welcome to ...
JS中的使用技巧，每一项都是js中的小技巧
12-17
- 文档的基本结构为`document->html->(head,body)`，其中`document`代表整个HTML文档，`html`标签包含`head`和`body`两个主要部分。 ### 4. DOM树结构 - `window`对象位于DOM树的顶端，它包含多个子对象如`...
JavaScript-js宝典笔学习记.txt
04-14
标准的HTML文档结构遵循以下模式：文档由 `<html>` 标签包裹，其中包含 `<head>` 和 `<body>` 两部分。`<head>` 包含了文档的元数据（如标题、样式表链接等），而 `<body>` 包含实际显示的内容。 ```html <!DOCTYPE ...
js 函数大全--一些常用的就是函数
09-13
- HTML 的基本结构遵循一个固定的模式：`document -> html -> (head, body)` - 这意味着文档对象模型（DOM）中的顶级元素是 `document`，而 `html` 元素包含头部和主体部分。 4. **浏览器对象模型（BOM）结构**: ...
2022年自学考试ASP选择题含参考答案.doc
最新发布
11-04
在题目中提到了几个基本标签：<body>、 、<html>和。其中，<body>定义了网页的主体内容， 用于换行，<html>是HTML文档的根元素，定义了浏览器标题栏中的文字。 2. 设置网页背景图像：在HTML中，可以使用<body...
html中的body和head有什么区别？？
weixin_30352191的博客
06-29 1380
我的html文件如下： <html> <title>这是我的测试</title> <head> my test </head> <body> my test </body> </html> 运行结果发现，head与body部分中都显示my test，位置也差不多，那么二者到...
html head标签详解
Joe的博客
04-29 9585
随便打开一个网页，右击查看网页源代码，总能看到<head>…</head>封闭标签，在里面通常会包含5类标签：title、link、script、meta、style。这5类标签看着都挺熟悉的哈，那么在web前端技术中具体要怎么使用，规则是什么，在我学习的时侯，我做了笔记整理，希望有帮助。 1. title 标签 　　title是一个封闭标签，在head中是...
HTML基础-head、body
拾光璇旅
01-18 1175
一个程序员退休之后想练练书法，于是准备好了笔墨纸砚，摆好放在书桌上，他提起笔沉思片刻，然后郑重其事地写下了“Hello World”。 HTML简介 HTML（超文本标记语言——HyperText MarkupLanguage）是构成Web世界的基石。它描述并定义了一个网页的内容。其他除HTML以外的技术则通常用来描述一个网页的表现/展示效果（CSS）或功能（JavaScript）。
javascript延时操作与页面跳转
光羽住一
03-02 6153
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;JavaScript&lt;/title&gt; &lt;/head&gt; &lt;html&gt; &lt;body&gt; &lt;p&
day 45(前端开发 + 标签及属性)
weixin_30262255的博客
05-21 435
一。HTML介绍 和 head标签 web 标准 开发者工具介绍 HTML介绍 HTML颜色介绍 HTML规范 HTML结构详解 一、web标准 web准备介绍： w3c：万维网联盟组织，用来制定web标准的机构（组织） web标准：制作网页遵循的规范 web准备规范的分类：结构标准、表现标准、行为标准。 结构：html。表示：css。行为：Javascri...
HTML笔记 ( 一 ) HTML, HEAD 和 BODY 标签
leon9dragon的博客
01-03 1716
一个最基本的html文件, 必须包含 html, head 和 body 三个标签 以及 !doctype 声明
JavaScript脚本在HTML中的head与body的不同？
从_零_开始的专栏
05-23 836
html> function disp_alert() { alert("I am an alert box!!") } 就上面那段代码来说，function disp_alert()的定义为何要放在head中呢？这样有什么好处？   如果是进行页面显示的初始化那么就要放在head里面 因为初始化都要求提前进行比如给页面body设置c
HTML中的head和body标签及作用
热门推荐
sinat_40775402的博客
08-26 1万+
head标签 head标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、只是浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分 <title>、<meta>、<link>、<style>、<script>。 应该把 <head>
HTML<body>标签与颜色设定详解-超文本标记语言基础
该资源是一份关于HTML网页设计的教程，涵盖了HTML的基础知识，包括HTML主体标签<body>的使用及其属性设置，颜色设定，以及HTML文档的基本结构。此外，还涉及了文字版面编辑，列表创建，图像处理，超链接建立，表格...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值