快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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:只读

               —下拉选:下拉选择内容

                  

          另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


          新闻标题:WEBHTML-创新互联
          文章来源:http://6mz.cn/article/csphjs.html
          元素:

             align/valign/width/height/colspan/rowspan

             colspan:跨列属性(

          aaaaaa