首页 > 代码库 > 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日看网络教程随笔!