HTML(一)html基本知识

一、HTML的简介

1、HTML的发展

HTML是一种标记语言,起源于SGML(Standard Generalized Markup Language)标准的通用标记语言。HTML由Tim Berners-Lee和同事Naniel W.Connolly在瑞士日内瓦的欧洲粒子实验室发明,伴随着WEB一起诞生。目前最新版本是HTML 5。

2、HTTP协议的特点

HTTP是基于客户/服务器模式且是面向连接的,HTTP能够传送任意类型数据对象。HTTP连接是一种一次性连接,每次连接只处理一个请求,HTTP是一种无状态协议,即服务器不保留与客户交易时的任何状态,HTTP的默认TCP端口是80。

3、Web工作原理

Web的基本组织形式:Web是一个超文本文件的集合,把若干网页放在一起就构成了 web,超文本文件是Web的基本组成单元,也称为网页或HTML文档、Web页等,通常是以.html或.htm为后缀的文件,Web页之间通过超文本中的超级链接组织在一起。

什么是超文本:是多种格式和存储位置均不同的文件,通过某种方式组织在一起共同来表述一件事情的组织形式,超级链接是超文本用来串连信息的“绳索“,又叫做URL和URI。

URL--网络资源的地址,HTML语言使用a元素中的属性herf来指明超级链接的URL,超级链接的作用是告诉浏览器使用HTTP协议来激活一个URL,当鼠标点击在超级链接上时,该超级链接的URL就被提交给浏览器用于访问网络。

URL(Uniform Resource Locator) 统一资源定位器,用来标识网络中的任何资源(文本、图片、音视频文件,段落,或其他超文本)。URL的组成如下面这个:

http://www.booleanlab.com.cn/admin/index.jsp

协议:指明请求的服务类,一般为HTTP://

主机名:对应对方主机的IP地址(通过DNS转换得到)

www.booleanlab.com.cn

路径名:资源在主机上路径admin

文件名:要请求的资源的文件名(包括文件中的锚点)

二、HTML文件的基本结构

<HTML>…</HTML>标签标记 HTML 文档的开始和结束

HEAD部分包括标题和其他说明信息。包括在 <HEAD>…</HEAD> 标签内

BODY部分包含文本、图像和链接。它包括在 <BODY>…</BODY> 标签内

2、<META>标签

meta可以说明网页的一些基本信息。如下面代码:

<!-- 网页描述信息等等,导入的文件 -->

<head>

<!-- 标题 -->

<title>网页标题</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<!-- 网页描述  -->

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!-- 网页编码 -->

 <meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>

3、页面背景色或背景图像

<body bgcolor="#ffff">

  Hello World!

</body>

4、文本相关标签

<h1>标题</h1>

<h2>标题</h2>

<h3>标题</h3>

<h4>标题</h4>

<h5>标题</h5>

<h6>标题</h6>

效果如下:

5、特殊符号

因为大于符号和小于符号还有其他一些特殊符号在html都有一定的意思,所有当你需要输出这些符号是就需要使用以下特殊的替代符号了。如下表:

空格 &nbsp;
引号("") &quot;
小于(<) &lt;
大于(>) $gt;
版本号(©) &copy;

6、字体、段落和换行符

<font size="16" color="#dd4466" face="隶书">字      
体</font>
<!-- 换行符 -->
<br/>
<font>adsadfasdf</font> 
<p align="center">段落1</p>
<p>段落1</p>

效果如下:

7、图像标签

<img alt="卡通" src="卡通.jpeg" align="middle" height="200"> adfasd

效果如下:

全部评论

相关推荐

04-24 13:51
已编辑
西安电子科技大学 Java
👋个人背景:211计算机混子,代码能力一般,春招急头白脸参加央国企最后拿下这两个offer👏offer1:中广核工程公司驻陆丰仪控调试,待遇19+4,离家1800km💯offer2:张家口卷烟厂待遇未知,应该有13个(猜测),离家500km牛油们帮忙选一下,家里人不是很喜欢卷烟厂这个offer,但是蜀黍烟草局下岸了
鸿雁于飞:先说offer1:中广核工程公司驻陆丰仪控调试(待遇19+4) 中广核这艘央企大船还是很稳的,集团综合效益稳居央企前列。但你得搞清楚,这个19+4的"19"是总包,不是到手数——招聘宣传待遇里把所有能算的都算进去了,饭卡福利积分啥的全包含,有牛油分享实际到手大概打七折。试用期到手可能就四五千的水平,转正后基本工资4800左右,其余靠绩效、年终、大修费撑着。不过核电的工作环境有点"牢笼感"——核电站位置偏僻,远离繁华都市。工程公司是承包商性质,干活比业主公司累,而且大概率要经常出差,有的岗位年出差天数100天以上。最大问题是你这1800km的距离过于离谱,核电员工工作强度最小的时候一周也就回一次家,离得远回家成本高,夫妻感情和亲子关系都是现实考验。说白了:高薪是拿青春和生活换的。 再来看offer2:张家口卷烟厂(待遇约13个) 张家口卷烟厂是河北中烟下属三家卷烟厂之一,河北中烟主打的"荷花"系列连续多年位居全国高端卷烟品牌销量前列。烟草系统薪资由基本工资+绩效+年终奖构成,综合年薪普遍显著高于当地平均水平,六险二金齐全,福利拉满。有人问"13个是不是太平平无奇了"——关键张家口是四线城市,生活成本低,这13万的购买力相当于深圳的二十多万。离家500km,开车半天到家,周末回趟家完全可行,幸福感直接上两个档次。中广核的牛油说了句大实话: "哪个核电站好?永远是离家近的那个最好。" 选烟厂同理。 但是,卷烟厂的坑你得清楚: 首先卷烟厂和烟草局不一样,卷烟厂是生产操作类岗位,很多要三班倒。报考条件明确写了要能"胜任夜班工作和长时间站立工作"。一线操作工每天盯着流水线卷烟,工作内容高度重复,有入职的人描述为"食之无味弃之可惜"。有牛油直言"卷烟厂和商业性质的烟草公司不一样,前者很坑很累"。其次你家里人不是不喜欢,而是担心你这211计算机科班出身,进了烟厂干操作工,技能会快速退化,未来如果行业改革,技术壁垒不高,转行比较困难。等你干两年再跳出来,技术栈全忘干净了,回头再去敲代码,发现连应届生都卷不过。 老牛油的灵魂三问: 1. 你是更怕穷,还是更怕想家? 如果特别恋家的人跑1800km之外,第一年哭鼻子的概率高达80%。陆丰那地方偏僻单调,核电基地又远又闷,闲下来除了打游戏没啥娱乐,社交圈也窄。找个对象都费劲——牛油亲测核电站"狼多肉少"。 2. 你的代码能力有多"一般"? 如果真的一般,仪控调试和你专业匹配度不算高,这活儿主要是工程改造设计、现场实施管理、在建机组设计审查等,偏工程向而非纯软开。干两年后跳回互联网赛道,竞争力不一定有明显提升。反倒是烟厂不需要你写代码,进去就是稳定躺平。 3. 烟草局下岸这事儿会不会让你耿耿于怀? 如果烟草局是你第一志愿,烟厂只是plan B,那得想清楚:进去了可能每天看着天花板想"如果当初去了烟草局该多好",这种内耗比钱少还折磨人。如果你能接受"反正都是烟草系统,先进去再说"的心态,那倒无所谓。 一句话总结: 如果年轻想拼想闯做技术积累,中广核虽然累和远,但简历上央企核电的金字招牌确实有含金量,加上到手收入在这两个选项里确实更高,考虑到你个人经济情况和家庭状况,假如家里不需要你常回去照顾,家里有兄弟姐妹帮手分担,那先去核电待三四年,积累经验再跳槽也不失为一步棋。 如果想安稳过日子离家近当"人上人",烟厂低线生活成本加持,加上稳定的编制和福利体系,在张家***得滋润,幸福感吊打陆丰。尤其家里人是那种离不开你的,有烟厂的稳定且离家近,比任何高薪都实在。
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务