整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Html学习笔记(主体结构&教程资料)

么是HTML?

  • HTML(Hypertext Marked Language)超文本标记语言
  • 文件的后缀名.html .htm
  • Hypertext可以在文件中标识图片、链接、表格、文本等。
  • Marked<或>以及字符串组成
  • 是一种编程语言
  • -浏览器解释的语言

HTML主体标记

代码分为三部分编写

<html>是网页文件的最外层标记
 <head>
之间的文本是头信息,不会显示在浏览器中,包括基本的描述,整个网页的公共属性
 </head> 
 <body>
是网页的主体部分,正文:文字、图片、链接、表单等
 </body>
</html>

HTML文档头部标记

<head>头部标记</head> 
<title></title>只能有一个 
<base/>只能有一个 
<link>可以有多个 
<meat>可以有多个 
<meat name="" content=""> 
<meat http-equiv="" content=""> 

title

定义网页标题,显示在浏览器的标题栏中 有利于搜素引擎(也是在搜索引擎中显示的标题)

base

基底网址标记

用于设定浏览器中文件的绝对路径

网页中的文件只需要写下文件的相对路径即可,这个路径就是base指定下的路径

link

设置外部文件的链接标记

用于确定本页面和其他文档之间的关系

meta

两种用法

<meta name="" contnet="">

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

name用于在网页中加入关于网页的描述信息

网页的关键字,网页描述信息

http-equiv:属性用于在HTME文档中模拟HTTP协议的

响应消息头,例如,告诉浏览器,是否缓存页面,

使用什么样的字符集显示网页内容

meta的name标签属性:不是自己定义的值

Keywords:网页的关键字

Description:网页的描述 Robots:index noindex follow nofollow all none Author

copyright:版本

mate标签的http-equiv属性设置

Content-Type :网页文档类型 ,刷新页面

<meta http-equiv="refresh" content="3; url=http://wwww.baidu.com/">
<meta http-equiv="Windows-Target" content="_top"
此条语句的作用:禁止别人把你的网页放在小窗体里,一旦链接到你的网页,会全屏显示 

Page=Enter和Page=Exit

<meta http-equiv="Page-Enter" content="revealTrans(Transition=5,Ouration=1.000)">
<meta http-equiv="Page-Exit" content="revealTrans(Transition=8,Ouration=1.000)">
为页面进入和退出特效,一共有23种

主体标记<body>

在它中放置网页中所有内容

<body bgcolor="#ff00ff" text="#00ff00" link="red"
alink=""(鼠标单击颜色) topmargin=""(顶部距离)
vlink=""(鼠标放在上时的颜色)
leftmargin=""(默认左距离) background=""(放置背景图片)>

只要是可以用样式控制的,就不用HTML本身的属性,可以用CSS控制

Id name class style 通用属性,所有的元素都可以使用

DTD

文档类型定义

<!DDCTYPE HTML PUBLIC"-//w3c//DTD XHML 1.0 Transition//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transition1.dtd"(dtd的地址,按照dtd地址的格式显示本页面)>

想要学习Html的伙伴,私信松鼠并回复:Html

即可领取Html的教学资料和教学视频了(注意回复的大小写要一致哦~

1.标题

标题一般由发文机关名称、事由和文种三要素组成,如《国务院关于加强城市规划工作的通知》。在标题的三要素中,有时可省略发文机关名称和事由中的一项或两项,唯有文种不可省略。标题中除了法规、规章名称加书名号外,一般不使用标点符号。

标题应编排于版头与主体之间的分隔线下空二行位置,分一行或多行居中排布;回行时,要做到词意完整,排列对称,长短适宜,间距恰当,标题排列应当使用梯形或菱形。

2.主送机关

主送机关是指公文的主要受理机关,应当使用机关全称、规范化简称或者同类型机关统称。主送机关应当编排于标题下空一行位置,居左顶格,回行时仍顶格,最后一个机关名称后标全角冒号。如前页公文样式中的“各市、县(市、区)人民政府,省政府直属各单位:”。

3.正文

正文是公文的主体,用来表述公文的内容,一般由开头、主体和结语三部分组成。公文首页必须显示正文。

正文一般用3号仿宋体字,编排于主送机关名称下一行,每个自然段左空二字,回行顶格。文中结构层次序数依次可以用“一、”“(一)”“1.”“(1)”标注;一般第一层用黑体字、第二层用楷体字、第三层和第四层用仿宋体字标注。

4.附件说明

附件说明包括公文附件的顺序号和名称。如有附件,在正文下空一行左空二字编排“附件”二字,后标全角冒号和附件名称。如有多个附件,使用阿拉伯数字标注附件顺序号(如“附件:1.×××××”);附件名称不加书名号,其后也不加标点符号。附件名称较长需回行时,应当与上一行附件名称的首字对齐。

5.发文机关署名、成文日期和印章

发文机关的署名应当是发文机关全称或者规范化简称,如前页公文样式中标注于印章处下方的“江苏省人民政府”。按照最新规定,党政机关的公文一般都要发文机关署名。

公文的成文日期:署会议通过或者发文机关负责人签发的日期。联合行文时,署最后签发机关负责人签发的日期。成文日期一般右空四字编排(不加盖印章的公文除外,详见下文),用阿拉伯数字将年、月、日标全,年份应标全称,月、日不编虚位(即1不编为01)。

公文中有发文机关署名的,应当加盖发文机关印章,并与署名机关相符。

有特定发文机关标志的普发性公文和电报可以不加盖印章。

6.附注

附注是公文印发传达范围等需要说明的事项。如有附注,居左空二字加圆括号编排在成文日期下一行,如前页公文样式中的“(此件可自行翻印)”。

7.附件

“附件”二字及附件顺序号用3号黑体字顶格编排在版心左上角第一行。附件标题居中编排在版心第三行。附件顺序号和附件标题应当与附件说明的表述一致。

附件应当另面编排,并在版记之前,与公文正文一起装订。如附件与正文不能一起装订,应当在附件左上角第一行顶格编排公文的发文字号并在其后标注“附件”二字及附件顺序号。

【注意】

此处说的“附件”指附属于公文主件的其他公文或材料,应当另面编排;“附件说明”用来标明附件名称及件数的,位于公文正文下空一行。前页的公文样式中呈现了“附件说明”,即“附件:1.××××××××”,但并未将附件呈现出来。

完整内容查看华智备考资料http://www.huazhiedu.com/html/2017/sydwbkzl_0223/13612.html

本格式标记

以下HTML标记用于格式化网页上文本的外观。这可以使网页变得更加生动,但是,文本格式的太多变化也会使人不快。

标题 - <head> </head>

head标记有6个级别可用,从h1用于最大和最重要的标题,到h6是最小的标题。

粗体 - <b> </b>

b标记之间的文本以粗体显示,与周围的文本相对突出。

斜体 - <i> </i>

i标记以一个小角度显示文本。

下划线 - <u> </u>

u标记在文本正文添加一条线,请注意,链接已经有下划线,不需要额外的标记。

删除线 - <strike> </strike>

strike标记在文本的正中间画一条线,通常用来表示文本是旧的,不再相关,删除。也可以用<s></s>代替。

预格式化文本 - <pre> </pre>

pre标记之间的任何文本,包括空格、回车符和标点符号,都将像在文本编辑器中一样显示在浏览器中(通常浏览器会忽略多个空格)

源代码 - <code> </code>

code标记之间的文本以固定宽度字体显示,通常在显示源代码时使用。

打字机文本 - <tt> </tt>

tt标记之间的文本就像是用打字机打出了一个固定宽度的文字。

Block Quote - <blockquote> </blockquote>

blockquote标记定义一个块引用,并且在块的左右添加额外的边距。

小号字 - <small> </small>

small标记让你无需设置字体大小,就可以使文本呈现比周围稍小的外观。

字体颜色 - <font color="#??????"> </font>

font标记的color属性改变几个字或一段文字的颜色。属性使用十六进制颜色代码。

字体大小 - <font size="?"> </font>

font标记的size属性改变字体的大小,值范围从1到7,1是最小,7是最大。

字体大小变化 - <font size="+/-?"> </font>

font标记的size属性还可以相对于其前面的字体大小的作即时更改,此用法将按你指定的数字增减字体大小。例如:<font size="-1">一些文本</font>

字体 - <font face="?"> </font>

font标记的face属性以指定的字体显示文本,值为字体名称,如“Helvetica”、“Arial”或“Courier”。

居中 - <center> </center>

center标记之间的所有内容都居中。

强调 - <em> </em>

em标记用于强调文本,文本通常以斜体显示,可能会根据浏览器的不同而有所不同。

着重强调 - <strong> </strong>

strong标记用于着重强调文本,通常以粗体显示,可能会根据浏览器的不同而有所不同。

例子

下面是以上标记的示例:

浏览器显示内容如下所示: