首页 > 代码库 > 8月27日看网络教程随笔!

8月27日看网络教程随笔!

html标记的语法分为两种:单标记,双标记。

单标记:只有标记名,没有属性值。  

有标记名,也有属性值。

源代码中的效果,并不是浏览器最终的效果。

 

网站设计师。  PS、

网站美工

网站编辑                  (数据和新闻加进去的)

网站设计师

网页制作,

网站前端工程师。

 

html:超文本标记语言。(不是编程语言,而是一种描述性的标记语言)

meta标记用于定义文件信息

meta标记用于定义文件信息。对网页文件进行说明。便于浏览器引擎搜索查找,放置于<head></head>之间。

设置关键字。         <meta name="keywords" content="网页设计培训">多个关键词可以用,分隔、

设置描述。description

设置作者。author

设置字符集。http-equiv      charset字符集       

设置页面定时跳转。

 

utf-8    国际的编码。

gb1312     国内的。

 

div+css从2000年的方式国外就已经有了。05年的时候再国内流行。

html文档结构。

1.你做什么的,做网页的,html——用浏览器打开。

(有一定的格式。框架。)

<html>....</html>标识网页文件的开始和结束,所有的html都要放在这对标记中。

<head></head>标识网页文件的头部信息,如标题,搜索引擎关键字等

<title></title>

记住思路——原则--思想的东西,不会了就查询手册。

 

body元素定义文档的元素。

1.我们在写html代码时,流程是这样的。

2.先写我们的控制内容的标记,例如这内容比较重要,可以在语义上加权<strong>关键字

用适合的html的标记去描述,我们的网页内容——网站优化技巧。

<hr   width="80%" / >

src 属性值url        图片的路径、

 

列表标记的用途:列表标记可以创建一般的无序列表,编号列表,以及定义列表三种方式,还可

以在一种列表中嵌套另一种列表。

 

1.无序列表:<ul>...</ul>

2.有序列表:<ol>...</ol>

3.定义列表:<dl>...</dl>

web上支持的图片格式:

gif(图形交换格式):格式文件最多只能保存256中颜色,该格式支持透明色,支持动画效果。

jpeg:该格式不支持透明色以及动画,颜色可以达1670万种。

png:网络可移植格式:该格式支持透明色,不支持动画,颜色从几种至1670W种。

<img src="http://www.mamicode.com/图片的路径"/>

png格式也要考虑浏览器兼容。

绝对路径:提供目标文档的完整主机名称,路径信息以及文档全称。

相对路径:<img  src = "http://www.mamicode.com/pic/01.png"/  >

表格:

 <table></table>

tr      定义表行

td     定义表列

th     定义标题栏

超级链接:我们所谓的超级链接,就是互联网的血液。

<a href= http://www.mamicode.com/链接目标 title="注释"  title = "你猜啊" target="打开链接方式">

_blank      在新的窗口打开。         (适当的使用,对用户体验不太好)

_self          在自身窗口默认打开。

链接重要的使用原则,必须是回路,有去有回,——优化的时候就要做相关链接。

链接分类:

1.内部链接:当前文档与目标文档在同一站点内

<a href = http://www.mamicode.com/目标文档位置及全称>

2.外部链接:

当前文档与目标文档不在同一站点内

<a href = http://www.mamicode.com/URL(网址)>

3.E-mail链接:

并允许访问者向指定的地址发送邮件。

<a href = mailto:电子邮件地址>

4.局部链接(锚点)

跳转到同一网页或其他文档中的指定位置。、

创建锚点:

<a name = "锚点名称"> 显示内容</a>

链接锚点:

<a href = "http://www.mamicode.com/#锚点名称">显示内容</a>

5.空链接:

就是没有目标端点的链接。格式<a href = "http://www.mamicode.com/#">显示内容</a>

脚本链接:

是一种特殊的链接,当单机设置脚本链接的文本或者图像时,可以运行相应的javascript语句。

常用到的脚本链接:

例如:<a href = javascript:window.open("http://www.163.com")>新浪</a>

关闭窗口:输入javascript:window.close()

打开窗口:输入javascript:window.open(‘文件名‘)

——————————

布局的核心思想:——————过程。、

1.分析页面结构图

2.选择适合标签来规划我们的内容

3.再通过css来控制这些个内容样式。、

表单标记元素

1.所有的表单元素,都必须要放置在表单标签中<form></form>

2.所有的表单元素,以input为例,必须包含type属于和name属性。

3.有些表单元素的属性是相似的。

单行文本框:

<input name = "文本框名称" type="text" value="http://www.mamicode.com/初始值"size="显示字符数" maxlength="最

多容纳字符数">

readonly="readonly"(设置为只读)disabled = "disabled"(设置为补课操作)

<input name = "文本框名称" >

地址的时候也可以用区号,比汉字少占用空间。selected=selected        默认值。

html文件不仅可以放置普通文字与图片,还可以放置视频和音频多媒体元素。

 

插入flash  :使用<embed>....</embed>

企业视频推广思路:

1.上传到所有可以上传的视频网站。

2.在自己的企业网站中,加入,分享代码。

滚动字幕:

<Marquee>滚动的文字</Marquee>

dieection = "滚动方向"left right up down

behavior = "滚动方式" scroll (一圈一圈绕着走)sliede(只走一次)alternate(来回的走)

loop="滚动的循环次数"若未指定则循环不止 (loop="infinite")

bgcolor = "背底颜色"width="宽度"height="高度"

onmouseover="this.stop()"onmouseout="this.statr()"

scrollamount = "速度"数值越大速度越快

scrolldelay="延时"(走一步,停一停)

8月27日看网络教程随笔!