HTML基本代码教学片,认识HTML

今儿头午有点晕晕的感觉,咳咳,甩甩头开课

                                      HTML

                                  定义:超文本标记语言

                    (记不住的可以这么记:how to make love ! 哈哈,准备开车,粗人一个,长的不行)

其实理解起来很简单,超越文本范畴的,带有标记性的,计算机语言

上图咱们所看到的一串串的代码,这就是空白网页的后台界面,而这些代码就是计算机的其中一种语言

咱们按照定义来细细的讲解下

超越文本范畴的标记性的计算机语言

  超越文本范畴的:

      是指并不只是文本,还包括静态图片,动图,音频,视频,超链接等一系列综合性的

  标记性:

      其实就是为了让计算机区分不同的计算机语言而特别定制的一种特殊的符号,计算机一看到这种符号就知道“ok,这是HTML”,这种符号是:   <       >  ,例如<head></ head>  、  <body></ body>  ,把代码放入到这种标记中,计算机就知道这是众多计算机语言中的HTML语言。

    上面讲解了什么是HTML,那咱们接着来看一下这种标记性语言一点最基本的语言代码(在我看来,其实代码就跟汉语一样,现在咱们就是在学习认字,编程就是用字和词语来造句,唯一的不同就是阅读对象不同,而已)

咱们先看一组代码

<head>   </ head>

head 头部,顶部

那<head></ head>的控制区域也就是这个地方,为了方便展示,咱们在其代码中加入<title></ title> //标签  ,用来在标签上显示字符

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello</title>
</head>

现在这行代码咱们所能看到的就是下图这个样子

OK,下一个

<body> </ body>

躯干,身体

可以这么理解,咱们所在网页上看到的,都是由<body> </ body>里面得内容呈现到我们的眼前的

例如咱们想要一个背景色为红色的网页,咱们可以这么做

<body bgcolor="pink">

  咱们开始分屏显示吧,这样大家看的会比较方便并且更直观

那上面得代码所呈现出来的效果就是下图的样子

对,骚粉,pink

刚刚咱们做的就是在<body></ body>里添加了一个bgcolor="red" ,对,就是backgroundcolor的缩写=bgcolor(背景颜色),background就是背景图片,是不是很容

那现在有人说了,网站上看小说,那字儿写在哪?

可定是写在body里了,不过不是尖括号<>里面,而是在<body>和</ body>中间,就像这样

<body bgcolor="pink">

Hello<br />
Hello<br />
Hello<br />

</body>

  对,你们又看到一个代码<br  />这是换行代码,并且只有一个,嗯,单身汪一只,没有另一半

显示效果如下

感觉字儿太小,看的不是太清楚,还很费劲儿,嗯,咱们稍微调整下字体大小

<body bgcolor="pink">

<b>Hello</b><br />
<i>Hello</i><br />
<u>Hello</u><br />

<b><i><u>Hello</u></i></b><br />

<font size="7" color="red" face="楷体">中华人民共和国</font>

<h1>北京</h1>
<p></p>
<h2>淄博</h2>

<h6>小日本</h6>

<h6>美国</h6>

</body>

  下图

duang,就是这种呈现效果

对,你看到的没错,都是写到<body> </ body>中间的,看着感觉很复杂,其实特别简单,咱们拆分开来看一下

b   i     u  ,分别对应的是加粗,倾斜,下划线(跟word文档里面一样,很容易),并且都是双标记,前后各一个,记住,前后各一个

并且可以双标记嵌入使用

<font></ font> ,针对于字体的设计使用,在前面的<font>里面添入

先这样,去吃饭,回头修改

时间: 2024-10-21 02:01:30

HTML基本代码教学片,认识HTML的相关文章

职责链模式分析、结构图与基本代码

?? 定义:使多个对象都有机会处理请求.从而避免请求的发送者和接收者之间的耦合关系.将这个对象连成一条链.并沿着这条链传递该请求,直到有一个对象处理它为止. 优点:当客户提交一个请求时,请求时沿链传递直至有一个ConcreteHandler对象负责处理它.这就使得接收者和发送者都没有对方的明白信息,且链中的对象自己也并不知道链的结构. 结果是职责链可简化对象的相互连接,它们仅需保持一个指向其后继者的引用,而不需保持它全部的候选接收者的引用.这就大大减少了耦合度了.因为式在client来定义链的结

模板方法模式分析、图表和基本代码

 定义:作中的算法的骨架,而将一些步骤延迟到子类中.模板方法使得子类能够不改变一个算法的结构就可以重定义该算法的某些特定步骤. 结构图: AbstractClass是抽象类,事实上也就是一抽象模板,定义并实现了一个模板方法.这个模板方法通常是一个详细方法,它给出了一个顶级逻辑的骨架.而逻辑的组成步骤在对应的抽象操作中,推迟到子类实现.顶级逻辑也有可能调用一些详细方法. ConcreteClass,实现父类所定义的一个或多个抽象方法.每个AbstractClass都能够有随意多个Concret

模板方法模式分析、结构图和基本代码

 定义:模板方法模式定义一个操作中的算法的骨架,而将一些步骤延迟到子类中.模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤. 结构图: AbstractClass是抽象类,其实也就是一抽象模板,定义并实现了一个模板方法.这个模板方法一般是一个具体方法,它给出了一个顶级逻辑的骨架,而逻辑的组成步骤在相应的抽象操作中,推迟到子类实现.顶级逻辑也有可能调用一些具体方法. ConcreteClass,实现父类所定义的一个或多个抽象方法.每一个AbstractClass都可以有任

观察者模式分析、结构图及基本代码

 定义:观测者模式定义了一种一对多的依赖关系,让多个观测者对象同时监听某一个主题对象.这个主题对象在状态发生变化时,会通知所有观测者对象,使它们能够自动更新自己. 结构图: Subject类,可翻译为主题或抽象通知者,一般用一个抽象类或者一个接口实现.它把所有对观察者对象的引用保存在一个聚集里,每个主题都可以有任何数量的观察者.抽象主题提供一个接口,可以增加和删除观测者. Observe类,抽象观测者,为所有的具体观察者定义一个接口,在得到主题的通知时更新自己.这个接口叫更新接口.抽象观察者

中介者模式分析、结构图及基本代码

 定义:用一个中介对象来封装一系列的对象交互. 中介者使各对象不须要显式地相互引用.从而使其耦合松散,并且能够独立地改变它们之间的交互. 适用地方:中介者模式一般应用于一组对象以定义良好可是复杂的方式进行通信的场合以及想定制一个分布在多个类中的行为,而又不想生成太多的子类的场合. 长处:中介者的出现降低了各个对象的耦合,使得能够独立地改变和复用各个对象类和中介类,比方不论什么国家的改变不会影响到其它国家,而仅仅是与安理会发生变化.其次,因为把对象怎样写作进行了抽象,将中介作为一个独立的概念并

PHP PSR-1 基本代码规范(中文版)

基本代码规范 本篇规范制定了代码基本元素的相关标准, 以确保共享的PHP代码间具有较高程度的技术互通性. 关键词 “必须”("MUST").“一定不可/一定不能”("MUST NOT").“需要”("REQUIRED"). “将会”("SHALL").“不会”("SHALL NOT").“应该”("SHOULD").“不该”("SHOULD NOT"). “推荐”(&

迭代器模式分析、结构图及基本代码

定义:提供一种方法顺序访问一个聚合对象中的各个元素,而又不暴露该对象的内部表示. 适用地方:当需要访问一个聚集对象,而且不管这些对象是什么都需要遍历的时候,就应该考虑用迭代器模式.或者当需要对聚集有多种方式遍历时,可以考虑使用迭代器模式. 尽管我们不需要显式地引用迭代器,但系统本身还是通过迭代器来实现遍历的.总的来说,迭代器模式就是分离了集合对象的遍历行为,抽象出一个迭代器类来负责,这样既可以做到不暴露集合的内部结构,又可让外部代码透明的访问集合内部的数据.迭代器模式在访问数组.集合.列表等数据

备忘录模式分析、结构图及基本代码

 定义 在不破坏封装性的前提下,捕获一个对象的内部状态,并在该对象之外保存这个状态.这样以后就可将该对象恢复到原先保存的状态. 结构图: Originator(发起人):负责创建一个备忘录Memento,用以记录当前时刻它的内部状态,并可使用备忘录恢复内部状态.Originator可根据需要决定Memento存储Originator的哪些内部状态. Memento(备忘录):负责存储Originator对象的内部状态,并可防止Originator以外的其他对象访问备忘录Memento.备忘录

訪问者模式的分析、结构图及基本代码

 之前我对全部的23种设计模式作了一个小总结.如今我们来对每一种设计模式作具体的分析.首先是訪问者模式: 定义:表示一个作用于某对象结构中的各元素的操作.它可使你能够在不改变各元素的类的前提下定义作用于这些元素的新操作. 适用地方:訪问者模式的目的是要把处理从数据结构分离出来.非常多系统能够依照算法和数据结构分开,假设这种系统有比較稳定的数据结构.又有易于变化的算法的话.使用訪问者模式就是比較合适的,由于訪问者模式使得算法操作的添加变得easy. 优缺点:訪问者模式的长处就是添加新的操作非常