成都创新互联网站制作重庆分公司

html入门以及css的学习的心理路程。

*前言

学习这门学科之前,感觉是非常简单,往往现实都不是想象的那样。听老师教课的的时候感觉能听懂,基本上也完全掌握了,实际上做的时候,磕磕碰碰,浪费了大量的时间,因此我自从接触了这门学科了解到,不论是html还是其他计算机相关的科目时,都必须自己动手去做,脑子里必须要有一个整体的模板,思路要清晰,多做一些例子,基本上就完全可以随心应手的去设计想要的网站,不仅效率高,而且速度快。长话短说,接下来进入HTML的学习。

创新互联建站长期为成百上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为五通桥企业提供专业的做网站、网站制作五通桥网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

html的入门


<!~~ 令人醒目的标题~~ >






这是html的一个初步轮廓。接下来就是如何设计网站,首先接触的是文本标签。

1.文本标签

标题标签: h2~h7 标题是大到小

标题


标题


标题


标题

标题

标题
水平线标签:hr ,在水平面出现一条线



滚动标签:
marquee:
direction:滚动的方向 up down left(默认值) right

    behavior:scoll: 循环滚动      alternate:来回滚动   slide:只滚动一次 

    scollamount:滚动的速度      指定整数值

    

快乐

段落标签:p

中间输入段落内容

段落缩进 :blockquote


正常的段落模式,中间为内容部分。

原样输出标签:pre

中间不论有任何东西,哪怕是标签之类的都可以显示出来。

上下标标签:sup sub
列表标签:
有序列表:
ol li(列表项) ol默认的属性type:默认的属性值"1"
无序列表
ul li(列表项) ul 默认的属性type:默认的属性值:"disc"在html中常见的转义字符
空格:  
版权所有:© 显示内容:©
注册商品:® 显示内容:®

列表标签:
有序列表:
ol li(列表项) ol默认的属性type:默认的属性值"1"
无序列表
ul li(列表项) ul 默认的属性type:默认的属性值:"disc"

2.图像标签

img标签
属性:
src:导入图片的路径
width:图片的宽度 1)指定固定大小 px(像素) 2)百分比
height:图片的高度
title:鼠标悬浮在图片上会显示文字
alt:替代文本,当图片加载失败的时候,替代文本就会起作用
这是一个手机图片

3.超链接标签。

超链接标签:a标签
    
        常用的属性:
                href:连接资源地址(URL)或者资源文件
            **  target:打开资源的方式:1)_self:当前窗口直接打开  2)_blank 新建窗口打开 **这个要特别注意看是否重新打开一个界面。

        常见的协议:
                    file://  文件协议:打开本地文件的协议
                    http://  ---hosts文件中找是否有ip对应的域名,找不到---调用网卡进行联网

                   会在网络运营商(DNS)  ---- 找到就访问百度服务器    --- 返回给用户首页
                    thunder:// 迅雷协议
                    mailto: 邮件协议
                超链接的作用:
                    1)可以连接资源文件
                    2)可以作为锚链接来使用
                            A:方式1: 针对在同一个html页面下
                                a:打锚点(标记)
                                  
                                b:创建跳转链接
                                 跳转

                            B:方式2:在不同html页面的使用
                                a:在另一个页面的某个位置打锚点(标记)
                                  
                                b:在当前页面下创建跳转链接
                                 跳转
                                     总体来说,超链接就是打一个锚点,然后就可以创建连接!

4.表格标签

                             表格标签:table
                表格要有效果: 属性: border:边框 
                                align:表格在浏览器中对齐方式
                                with和height:宽度和高度
                行标签:tr
                    列标签:td
                    表头标签:th   自动居中 加粗

            单元格的合并:
                    行合并:rowspan
                    列合并:colspan

5.表单标签

                表单标签:form标签
           action:必须写  提交的地址
            method:提交方式
                    get        post
                    两种方式的区别?
                        1)get方式提交,将用户的信息提交的地址栏中,不安全;post提交方式不会将用户信息提交到地址栏中
                        2)get方式提交,文件大小限制,不超过64kb;post方式,提交的文件的无限制!
                        首选post
                        文本输入框:type="text"   name属性必填:用来给系统后台标记
                  密码输入框:type=“password”
                        单选框:type="radio"
            name:将性别数据看成同一组信息,在这一组中只能选出一个选项。
            复选框:type="checkbox"
            name:将性别数据看成同一组信息,在这一组中,可以选出多种选项。
            文本域:textarea
            rows:属性:有多行
            cols:一行有多个字符
            提交按钮:type="submit"提交
                             type="reset"重置
                             type="button" 

onclick="testClick()"