189 8069 5689

WEBHTML

一.Web基础作用即如何制作网页介绍

创新互联公司专注于景洪网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供景洪营销型网站建设,景洪网站制作、景洪网页设计、景洪网站官网定制、小程序定制开发服务,打造景洪网络公司原创品牌,更为您提供景洪网站排名全网营销落地服务。

WEB HTML

1.HTML(静态页面)

用来勾勒出网页的结构和内容

2.CSS(静态页面)

用来给网页化妆,美化页面

3.JavaScript(重点)

用来让网页呈现出动态的数据和效果

web三要素:HTTP协议,浏览器,服务器

二.XML和HTML的关系

1.XML

  a.XML时可扩展标记语言,用来存储或传输数据:

     --标签可扩展

     --属性可扩展

     --元素之间的嵌套关系可扩展

  b.标签

     双标签:<标签名>

     单标签:<标签名/>

     关系:<标签名/>=<标签名>

  c.属性

     --属性必须定义在开始标签上

     --属性名=“属性值"

     --属性名不能重复,且无序

  d.元素

     <标签名 属性=“属性值”>内容

2.HTML

  a.HTML是超文本标记语言,用来显示数据

  b.实际HTML是语法固定的XML

     --标签固定

     --属性固定

     —元素嵌套关系固定

  c.学习HTML就是学习这些固定的标签,属性,嵌套关系

  d.HTML基本结构

     

     

         

               

          

         

               

          

     

三.HTML解决乱码问题

  1.创建HTML时需要将文件编码设置为utf-8

  2.需要在元素下,使用元素设置页面内容编码 

四.定义html版本

五.基本语法:

  1.元素介绍:

     分区元素用于为元素分组,常用于页面布局:

     a.块分区元素:

:div用来勾勒出页面的布局,便于开发页面

          块级元素:默认情况下块级元素会独占一行;占据一个矩形区域,即元素前后都会自动换行:

,

, ,
    ,

           b.行内分区元素:

                行内元素:不会换行,可以和其他行内元素位于同一行即横向布局;不会占据矩形区域,他只用来修饰段落中的几个字:, , ,

      WEB HTML

      1)块分区元素

        :有序列表order list

          :无序列表 unorder list

        • :列表项list item,用在ol和ul里面

          2)行内分区元素

               —:定义斜体字

                  :定义着重文字

               —:定义粗体文字

                  :定义加重文字

               —:定义带删除线的文字

                   :定义带下划线的文字

               —
          :手工换行

               —实体引用:空格 ;小于<;大于>

               —空标记,必须属性:src,常用属性:width,height

               —:超链接,href属性用来设置链接的目标,target属性用来设置打开目标的方式(_blank:新窗口打开,_self:本页面打开)

               —锚点一:锚点是文档中某行的一个记号,用于链接到文档中的某个位置

                   回到锚点一

            

          2.表格

               用来组织结构化的信息,由一些称作单元格的巨型元素按照从左到右从上到下的顺序排列在一起形成,表格的数据保存在单元格中。

               —定义表格:

               —创建行:

               —创建列:

          WEB HTML

          a.

          元素:

               border:设置边线

               width/weight:设置宽高

               align:设置文本是否居中

               cellpadding:单元格(即td)边框与内容之间的间距

               cellspacing:单元格之间的间距

          b.

          元素:

               align/valign

          c.

          )

               rowspan:跨行属性(

          )

          WEB HTML

          d.行分组

               表格可以划分为3个部分:表头,表主体,表尾。分组的目的是为了方便对组内元素设置样式及编程(JS)

               表头行分组:

               表主体行分组:

               表尾行分组:

          WEB HTML

          eg:

          WEB HTML

          3.表单

               表单用于显示,收集信息并提交到服务器。即从浏览器向服务器传输数据的手段。

               表单二要素:Form元素,表单控件

          WEB HTML

               a.
          :表单,表示要将此元素中所涵盖的控件中的数据传输给服务器。

                    主要属性:

                    —action:表单提交的URL

                    —method:指出表单数据提交的方式

                    —enctype:表单数据进行编码的方式

               b.表单控件::文本框,单选框等;其他元素: 标签,文本域,下拉框

                    —文本框:

                    —密码框:

                         主要属性:

                              value属性:由访问者自由输入任何属性

                              maxlength属性:限制输入的字符数

                              readonly属性:设置文本控件为只读

                    —单选框:

                    —复选框:

                         主要属性:

                              value:文本,当提交form时,如果选中了此单选按钮,那么value就被发送到服务器

                              name:用于实现分组,一组单选框或者复选框的名称必须相同

                              checked:设置选中(默认值)

                    —提交按钮:传送表单数据给服务端或其他程序处理

                    —重置按钮:清空表单的内容并把所有表单控件设置为最初的默认值

                    —普通按钮:用于执行客户端脚本

                         主要属性:value:按钮的名字

                    —隐藏域:在表单中包含不希望用户看见的信息

                    —文件选择框:选择要上传的文件

                    —标签:表单中的文本,用于给控件设置显示名称

                         语法:

                         主要属性:for: 设置该文本所关联的控件ID,关联后点击标签等同于点击控件

                    —文本域:相当于多行文本框(大的文本框)

                         语法:

                         主要属性:    

                              cols:指定文本区域的列数

                              rows:指定文本区域的行数

                              readonly:只读

                    —下拉选:下拉选择内容

                         


          当前标题:WEBHTML
          本文路径:http://cdxtjz.cn/article/jjipoe.html

          联系我们

          您好HELLO!
          感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
          • 电话:028- 86922220 18980695689
          • 商务合作邮箱:631063699@qq.com
          • 合作QQ: 532337155
          • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

          小谭建站工作室

          成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

          小谭观点

          相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
          我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。
          元素:

               align/valign/width/height/colspan/rowspan

               colspan:跨列属性(

          aaaaaa