zoukankan      html  css  js  c++  java
  • 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="图片的路径"/>

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

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

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

    表格:

     <table></table>

    tr      定义表行

    td     定义表列

    th     定义标题栏

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

    <a href= 链接目标 title="注释"  title = "你猜啊" target="打开链接方式">

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

    _self          在自身窗口默认打开。

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

    链接分类:

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

    <a href = 目标文档位置及全称>

    2.外部链接:

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

    <a href = URL(网址)>

    3.E-mail链接:

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

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

    4.局部链接(锚点)

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

    创建锚点:

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

    链接锚点:

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

    5.空链接:

    就是没有目标端点的链接。格式<a href = "#">显示内容</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="初始值"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="延时"(走一步,停一停)

  • 相关阅读:
    MongoDB数据库遭大规模勒索攻击,被劫持26000多台服务器 #精选GITHUBMYSQL
    前端追着设计砍系列的9个超酷网页特效
    15款不容错过的前端开发Javascript和css类库
    恶性循环中的永生bug,可以说是相当写实了
    你是码农还是专家?看看你是哪一类程序员
    夏天过去了, 姥爷推荐几套来自smashingmagzine的超棒秋天主题壁纸
    五毛党可能要失业了,因为AI水军来了
    现代软件工程 第五章 【团队和流程】练习与讨论
    现代软件工程 第四章 【结对编程】练习与讨论
    现代软件工程 课件 软件工程师能力自我评价表
  • 原文地址:https://www.cnblogs.com/famensaodiseng/p/5813382.html
Copyright © 2011-2022 走看看