网站信息展示(html)

网站信息展示

  • 需求—在页面展示一些文字信息,需要排版

  • 技术分析—html:超文本标签语言


htlm

  • 作 用:展示
  • 超文本:超越了一般文本,描述文本的字体、颜色、图片
  • 标 签:标记
  • html书写规则:

文件的后缀名 .html(建议) 或者 .htm

标签必须用<>起来 已经定义好的标签

属性

格式:key = "value"

建议属性的值用引号引起来.

不区分大小写

  • 注意:

最好将所有的内容放在一个标签中 <html></html> 有开始标签和结束标签的标签称之为围堵标签 没有结束的标签的称之为空标签 <br/> 开始标签和结束标签之间的内容称之为标签体. <!--注释内容--> html页面中的注释 标签必须正常嵌套, 标签最好关闭


文件标签

  • html标签:

    声明当前网页为html页面

    子标签:

    `<head> </head>

    `<body> </body>

    head: 用来存放当前页面重要信息,一般不展示在html页面上

    常见子标签:<title></title> 网页标题

    body:要展示的数据放在body中


标题标签

  • <hn></hn>
  • n取值:1~6

h1最大 h6最小

自动换行 且留白 默认加粗

  • 常用属性:

`align`:对齐方式

left:左 `right:右 `center:居中

  • 格式:

<h2 align = "center"> </h2>

字体标签

规定文本的字体、字体尺寸、字体颜色(了解,不建议使用)


  • <font></font>
  • 常用属性:

    `face:字体

    `size:尺寸

    `color:颜色

    颜色的取值:(RGB)

    方式1:#xxxxxx x为16进制

    方式2:英文单词


段落标签

  • <p></p>

其他标签

  • <b></b> <strong></strong>加粗
  • <i></i> 斜体
  • <hr/> 水平线
  • <br/>换行

案例1-步骤分析:

  1. 新建一个html页面
  2. 标题标签
  3. 添加一个水平线
  4. 4个段落
  5. 添加字体颜色 加粗 斜体
  <!DOCTYPE html>  <html>      <head>          <meta charset="UTF-8">          <title>醉美腾冲</title>      </head>      <body>          <h3 align="center">腾冲简介</h3>          <hr />          <div style="text-indent:2em">          <p>          <font color="red"><strong>腾冲</strong></font>,1913年设<b>腾冲</b>县,2015年撤县设市。国土面积5845平方公里,辖11镇7乡,居住着汉、回、傣、佤、傈僳、阿昌等25种民族,2017年末总人口68.27万人。腾冲生态环境优越,年平均降雨量1531毫米,年平均气温15.1℃,冬季最低气温不低于0℃,夏季最高气温不超过30℃,森林覆盖率73%,空气质量好,负氧离子平均含量每立方厘米3827个,最高达38000多个,PM2.5常年小于10,被称为“天然大氧吧”。 腾冲资源富集,金属非金属矿储量丰富,已发现矿产35种,已探明储量19种,其中火山石分布面积达1100平方公里,储量200亿立方米;旅游资源类型齐全、组合度高、特色鲜明,拥有火山热海、和顺古镇、北海湿地、国殇墓园、滇西抗战纪念馆、银杏村、云峰山等一批核心景区。腾冲区位优势突出,与缅甸山水相连,国境线长150公里,距省会昆明606公里,距缅甸密支那200公里,距印度雷多602公里,境内有国家一类口岸——猴桥口岸,是中国陆路通向南亚、东南亚的重要门户。          </p>          <p>          多年来,在省委、省政府和保山市委、市政府的正确领导和上级各部门的关心支持下,腾冲紧紧抓住“一带一路”和孟中印缅经济走廊等重大机遇,主动服务和融入国家、省、市发展战略,加快调整产业结构,持续深化关键领域改革创新,努力改善人民生产生活条件,保持了经济发展、社会进步、文化繁荣、民族团结、边境安宁的良好局面。2017年实现生产总值176.83亿元,完成固定资产投资201.15亿元,实现财政总收入23.98亿元,城镇、农村常住居民人均可支配收入分别为29245元和10331元,接待游客1414.6万人次,实现旅游总收入151.1亿元。近年来,腾冲市先后荣获“全国文明城市”、“国家卫生城市”、“国家园林县城”、“中国翡翠第一城”、“中国琥珀之城”、“中国优秀旅游名县”、“最具魅力的中国十大风景名胜区”、“中国文化旅游大县”、“中国最佳文化生态旅游目的地”等称号,并被评为“最适宜人类居住的地方”之一。          </p>          <p>          腾冲的特点可以用“六个一”来概括:          </p>          <p>          一座世界名山。高黎贡山是横断山脉的明珠,自然景观独特而壮丽,是宝贵的物种基因库,已记载的高等植物有256科1196属4897种及变种,素有“世界物种基因库”“世界自然博物馆”等美称,被联合国教科文组织列为“生物多样性保护圈”,已知有各种动物2389种,被世界野生动物基金会列为A级保护区。高黎贡山孕育了腾冲,被腾冲人民亲切的称为母亲山。          </p>          <p>          一个罕见的地质奇观。有人说站在高黎贡山顶,一双脚踩着两个大陆,向东迈一步是亚欧大陆,向西跨一步是印巴大陆。正是由于两个大陆的漂移碰撞,使腾冲成为世界罕见并且是最典型的火山地热并存区,99座火山雄峙苍穹,88处温泉喷珠溅玉。大自然的鬼斧神工,造就了火山奇观——神柱谷(柱状节理)、火山堰塞湖湿地——北海湿地、全国唯一的城市瀑布——叠水河瀑布、低温温泉暗河——坝派巨泉和黑鱼河等地质奇观。          </p>          <p>          一条古往今来的大通道。2400多年前,中国先民开辟的南方古丝绸之路,经腾冲进入缅甸抵达印度、阿富汗等南亚国家。依托这条古道,腾冲得以较早开放和开发,一度商贾云集、贸易兴盛、经济繁荣,被徐霞客誉为“极边第一城”。1899年英国在腾冲设立领事馆,1902年清政府在腾冲设立腾越海关,辖昆明海关。二战期间,开辟了著名的“史迪威公路”(中印公路)。现在,腾冲境内有猴桥国家一类口岸,有腾冲—密支那、腾冲—板瓦两条二级公路通往缅甸克钦邦。这条连接南亚的通道跨越时空,见证了腾冲的过去和现在,是腾冲走向世界的希望之路。          </p>          <p>          一块百看不厌的翡翠。翡翠产于缅甸克钦邦帕敢地区,但是腾冲人最先发现了翡翠的商业价值,并首开翡翠加工先河,至今已有近600年的历史。古往今来,腾冲一直是东南亚重要的翡翠加工贸易集散地,创造了不计其数的财富传奇。腾冲把翡翠作为旅游的核心品牌来打造,始终坚守“腾冲翡翠无假货”的信誉,2005年8月被亚洲珠宝联合会授予“中国翡翠第一城”称号。          </p>          <p>          一段荡气回肠的历史。1942年5月,日军侵入缅甸,切断滇缅公路,占领了怒江以西包括腾冲在内的大片国土。此后,腾冲成为滇西抗战的主战场。1944年9月14日,远征军经过127天的血战收复腾冲,腾冲成为全国沦陷区中第一个光复的县城。此役全歼日军6000多人,远征军官兵阵亡9168人,盟军官兵阵亡19人。为缅怀英烈,腾冲人民于1945年7月7日修建了国殇墓园,现为国家重点文物保护单位、全国爱国主义教育基地;2013年8月15日,建成滇西抗战纪念馆,收藏抗战文物10万余件。          </p>          <p>          一部散落边地的汉书。腾冲与国内其他边境县份最大的不同之处,就是汉文化始终处于主导地位。长期以来,汉文化与边地少数民族文化、异域文化相互融合,形成了以和谐、和顺为核心内涵和以开放性、包容性为基本特征的地域文化。腾冲英才辈出,涌现了云南辛亥革命首义领袖张文光、民国元老李根源、抗日县长张问德、马克思主义哲学家艾思奇等一批知名人士。腾冲籍华侨华人和港澳台同胞35万人,分布在23个国家和地区。          </p>      </body>  </html>  ?

原文地址:https://www.cnblogs.com/ygdblog/p/9653081.html

时间: 2024-10-10 08:13:15

网站信息展示(html)的相关文章

Python 爬取 北京市政府首都之窗信件列表-[信息展示]

日期:2020.01.25 博客期:133 星期六 [代码说明,如果要使用此页代码,必须在本博客页面评论区给予说明] //博客总体说明 1.准备工作 2.爬取工作 3.数据处理 4.信息展示(本期博客) 大年初一,先给大家说声“过年好”!嗯~说说今天写的部分,因为今天过大年嘛,也没有写什么特别难的东西!就是把上一回博客的内容进行整理,然后根据ECharts的接口进行数据可视化的展示! 下面是项目的目录结构: 嗯!老师说基本的页面是按照我的那个老模板来做的,这样比较省力气! Java部分: com

PHP curl模拟浏览器抓取网站信息

curl是一个利用URL语法在命令行方式下工作的文件传输工具. 官方解释 curl是一个利用URL语法在命令行方式下工作的文件传输工具.curl是一个利用URL语法在命令行方式下工作的文件传输工具.它支持很多协议:FTP, FTPS, HTTP, HTTPS, GOPHER, TELNET, DICT, FILE 以及 LDAP.curl同样支持HTTPS认证,HTTP POST方法, HTTP PUT方法, FTP上传, kerberos认证, HTTP上传, 代理服务器, cookies,

干货--常用的渗透测试网站信息

钟馗之眼 网址:http://www.zoomeye.org Zoomeye中文名为"钟馗之眼",它定位于网络空间搜索引擎,能对暴露在公网的主机设备及网站组件进行全方位搜索(只要有IP地址即可搜索到),发现其中的漏洞,揪出网络中"藏着掖着的问题".ZoomEye和Shodanhq的区别是ZoomEye目前侧重于Web层面的资产发现而Shodanhq则侧重于主机层面.网站的创作团队来自:知道创宇 佛法 网址:http://fofa.so FOFA网站信息搜索引擎,是一

ios项目开发(天气预报项目):使用正则获取 weather.com.cn网站信息

[objc] view plaincopyprint?在CODE上查看代码片派生到我的代码片 <pre code_snippet_id="346208" snippet_file_name="blog_20140515_1_2220869" name="code" class="cpp">- (NSString *)hmacsha1:(NSString *)text key:(NSString *)secret {

JavaScript实现联想校招员工信息展示

原文摘自我的前端博客,欢迎大家来访问 http://www.hacke2.cn 起因 今天和豪哥聊天,才知道他是我老乡,而且特别近..真的感觉他是我的贵人,这是他从 联想校招扣出来的,我们就用JavaScript来实现吧 联想校招员工信息展示点击弹出详细信息 过程 给的有HTML还有CSS3,我打算先用前端模板技术讲信息都出来,之前数据是写死在HTML 数据封装在data.js里 var data = []; data.push({ 'name' : 'Dillon', 'enname' : '

2017-3-8 学生信息展示习题

(满分100分,少一个功能或限制扣5分,少一项大功能扣20分) 题目要求:(请仔细阅读需求,并严格按照需求编写程序) 连续输入5个学生的信息,每个学生都有以下4个内容: 1.学号 - 自动生成,不需要手动填写,第一个学生为"S001"第二个为"S002"依次类推2.姓名 - 不能为空,输入正确方可继续,否则需要用户一直填写3.生日 - 不能为空,需要验证时间格式是否正确,如果错误则一直填写4.成绩 - 不能为空,0~100之间的数,需要有小数位数 注意:以上内容必须

XMPP个人信息展示

在现阶段的通信服务中.各种标准都有,因此会出现无法实现相互连通,而XMPP(Extensible Message and presence Protocol)协议的出现.实现了整个及时通信服务协议的互通.有了这个协议之后,使用不论什么一个组织或者个人提供的即使通信服务,都可以无障碍的与其它的及时通信服务的用户进行交流.比如google 公司2005年推出的Google talk就是一款基于XMPP协议的即时通信软件.以下我们就谈论一下怎样简单的使用XMPP的好友和个人电子名片 1.在XMPPFr

使用Web.config配置网站信息

最近使用web.config来配置网站信息,在此做一个整体的介绍,方便自己查阅,也方便大家了. 一.ASP.NET配置文件 常用的ASP.NET配置文件包括machine.config与web.config ①machine.config:提供整个机器的默认配置,对该文件的修改影响该机器的所有站点 ②web.config:一般用于应用程序级别的配置文件,对其所作的修改不影响其他站点,也可用于站点下的子目录 二.自定义错误 [csharp] view plaincopyprint? <span>

C Sharp进行网站信息抽取与小型内部搜索引擎的讲解

1.网站信息抽取: 网站信息抽取的方法有很多,取其中主流的三种: webBrowser,httpwebrequest/webresponse,webclient 其中我们选取httpwebrequest/webresponse + htmlagilitypack作为实例去测试 httpwebrequest/webresponse使用post/get方式携带postData向服务器提出请求,从而经过一定处理返回动态网页的全部内容源代码 用上此方法的原因是普通加载动态网站的方式只会返回网页的基本框架