HTML快速入门

HTML是什么

HTML: Hyper Text Markup Language 超文本标记语言。

超文本:比普通的文本(txt)功能更加强大,比如说你想要添加一张图片,那么普通的文本无法实现,但是可以通过超文本来实现。

标记语言:标记就是一组标签,通过一组标签来对内容进行描述,由浏览器来负责解释执行。(所以这么标签是固定的,对浏览器来说只要支持这组固定的标签,就能够对它来进行解释执行)

所以只要我们掌握这些固定的标签,我们也基本上掌握了HTML。

为什么要学习HTML

生活所迫,HTML 是web中非常基础的知识

HTML的用途

网页设计的基础,HTML5

HTML的语法规范

这里写图片描述

1、上面是一个文档说明
2、根标签 html
3、html文件包含两部分
头部分:主要用来放置一些页面信息
体部分:主要来放置我们的HTML页面内容
4、通过标签来对页面内容进行描述
标签通常都是由开始标签和结束标签组成
5、不区分大小写,但是推荐使用小写

下面对HTML的标签做一个总结,方便以后学习使用
1、网站信息页面
            h1-h6 标题标签
            hr 水平线
            p  段落标签
            font 字体标签
                 color 指定颜色
                 size 指定字体大小
                 face:指定字体
2、网站图片信息展示
            img标签
                width:宽度
                height:高度
                src 指定图片的加载路径
                            ./     当前文件所在文件夹
                            ../    当前文件所在上一层文件件
                            ../../ 当前文件夹的上上一个层文件夹
                alt 图片加载失败时显示的内容

3、列表展示标签
            ul 无序列表
                type disc,square,circle
            ol 有序列表
                type 1,a,A,i,I
                start 起始索引
            li 列表项
            a 标签 超链接
                href 指定跳转路径
                target 打开方式
                    _self
                    _blank
                    frame框架的名字

4、网站首页
            table
                tr
                    td
                        colspan合并列
                        rowspan合并行
            bgcolor 背景色
            background 背景
            border 边框
            width 宽度
            height 高度
            align 对齐方式(修饰的是该元素相对于它的父容器的位置关系)
                center 居中对齐
                left   左对齐
                right  右对齐
            表格嵌套
            表格合并

5、网站注册
            input
                text 文本域
                password 密码域
                radio 单选按钮
                checkbox复选框
                submit 提交按钮
                reset 重置按钮
                button 普通按钮
                hidden 隐藏域
                file   文件
                date 日期类型
                number 数字类型
                email 邮件类型
            select 下拉列表
                 option
            textarea 文本域
                cols
                rows
            form
                action:指定提交的路径
                method:提交的方式 get post

6、网站框架
            frameset
                cols:竖切
                rows:横切
            frame(name属性)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章