传智播客第一天培训笔记

北京看扁平疣的医院 http://m.39.net/pf/a_8812957.html

传智播客第一天培训笔记01

HTML第一天我们接下来是进行的网页开发网页的相关概念:

什么是网页?

什么是HTML?

网页的形成?

什么是网页:1.网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。

2.网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读。网页的组成:

1.网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件。什么是HTML:

1.HTML指的是超文本标记语言(HyperTextMarkupLanguage),它是用来描述网页的一种语言。

2.HTML不是一种编程语言,而是一种标记语言(markuplanguage)。

标记语言是一套标记标签(markuptag)。网页的总结:

1.网页是图片、链接、文字、声音、视频等元素组成,其实就是一个html文件(后缀名为html)

2.网页生成制作:有前端人员书写HTML文件,然后浏览器打开,就能看到了网页.

3.HTML:超文本标记语言,用来制作网页的一门语言.有标签组成的.比如图片标签链接标签视频标签等…浏览器:常用的浏览器

IE

火狐

谷歌

苹果

欧朋

浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器。

查看浏览器市场份额:   ------pink老师段落标签:

在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在HTML标签中,p标签用于定义段落,它可以将整个网页分为若干个段落。

具体实现:

p我是一个段落标签/p

特点:

1.文本在一个段落中会根据浏览器窗口的大小自动换行。

2.段落和段落之间保有空隙。换行标签

在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签br/,br是break的缩写。

具体实现:

br/

特点:

1.br/是个单标签。

2.br/标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。文本格式化标签:

在网页中,有时需要为文字设置粗体、斜体或下划线等效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

#h和p也是独占一行div和span标签

div和span是没有语义的,它们就是一个盒子,用来装内容的。

具体实现:

div这是头部/div

span今日价格/span

特点:

1.div标签用来布局,但是现在一行只能放一个div。大盒子

2.span标签用来布局,一行上可以多个span。小盒子图片标签:

在HTML标签中,img标签用于定义HTML页面中的图像。

具体实现:

imgsrc=图像URL/

解释:

src是img标签的必须属性,它用于指定图像文件的路径和文件名。

所谓属性:简单理解就是属于这个图像标签的特性。

alt代替图像显示在浏览器中的内容。

title链接提示文字,不同于网页标题

width设定图像宽度(图片像素属性)

height设定图像高度(图片像素属性)

border可以设置图像的边框(图片像素属性)

图像标签的其他属性:

图像标签注意点:

1.图像标签可以拥有多个属性,必须写在标签名的后面。

2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

3.属性采取键值对的格式,即key=“value的格式,属性=“属性值”。路径:在创建网站的时候,最后将所有相关的文件,放在一个文件夹里面,即为案例文件夹(目录文件夹)根目录:目录文件夹里面的文件,打开目录文件夹之后,第一级文件目录,即为根目录,里面包括一个index的首页网页

分为相对路径和绝对路径:

**路径之相对路径**

相对路径:以引用文件所在位置为参考基础,而建立出的目录路径。

这里简单来说,图片相对于HTML页面的位置

特点:

相对路径是从代码所在的这个文件出发,去寻找目标文件的,而我们这里所说的上一级、下一级和同一级就是图片相对于HTML页面的位置。

路径之绝对路径:

绝对路径:

1.是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。

例如,“D:\web\img\logo.gif”或完整的网络地址“


转载请注明:http://www.aierlanlan.com/tzrz/2869.html