# **HTML** # 什么是HTML呢? 1.标记语言,指的是通过一组标签的形式描述事物的一门语言; 2.超文本:比普通的文本更强大; 作用: HTML 是用来制作页面(静态页面); 应用: 在设计网站的时候都会用到HTML; HTML的使用 HTML的文件的创建 一个HTML文件,扩展名是 .html或者是 .htm结尾(1111.html); HTML的结构标签: 根标签: ---头标签
---换行标签
---表示一个分割横线 网站的名字 ---体标签 <要展示的内容> ; HTML的基本标签 1.字体标签 标签:HTML中的字体标签; 文字 标签的属性: 属性: color 属性:字体的颜色 a:英文单词设置:black,red,green,blue... b:使用16禁止数设置:#FF0000(红色) , #00FF00(绿的),#0000FF(蓝色) size 属性:字体的大小 face 属性:字体类型 2.排版标签 标题标签 h表示

...

;

一级标签

二级标签

六级标签
段落标签 p表示

段落标签

字体加粗标签 b表示 加粗标签 字体斜体标签: i表示 斜体标签 字体下划线标签: u表示 下划线标签 居中标签: center表示
居中标签
3.图片标签(重点) 属性:src:图片的来源; width:图片的宽度 height:图片高度 alt:图片找不到显示的内容. 图片引入的路径问题: 路径:相对路径 如果已引入的图片和html文件在同一级路径 直接写文件名或者./文件名 如果要引入的图片在html文件的上一级目录 用 ../文件名 表示 如果要引入的图片在html文件的上上级目录 用 ../../文件名 表示 如果要引入的图片在html文件的下一级目录 用 下级目录名称/文件名 来表示 4.列表标签(重点) a.有序列表
b.无序列表
5.超链接标签 表示 属性: href : 连接的路径 target: 打开方式 打开方式: _self : 在自身界面 _blank : 打开一个新的窗口 清除小圆点/改变圆点样式
    --清除小圆点
      --实心点
        --实心圆
          --小方框 有序的ol改变序号样式
            数字类型
              英文类型
                罗马字符 6.HTML的表格标签 ----行数
                ---列数
                width 表格的宽度 height 表格的高度 border 边框 align 表格水平位置 属性 left center right 的属性 colspan="列数" rowspan="行数" 7.HTML的表单 标签 HTML的表单标签
                里面 常用的属性 action : 提交的路径 默认提交到当前页面 method : 请求的方式 get和post为method 的属性值,默认为get get跟post的区别 get:数据是不安全的,会显示在地址栏中,提交的时候长度大小有限制的 post:数据相对是安全的,不会显示在地址栏中,提交的时候没有长度大小的限制 HTML中表单元素 文本框 常用属性: name : 表单元素的名称,必须有name属性,然后后台才可以接收数据 value : 文本框的默认值 size : 文本框的长度 maxlength : 文本框输入的最大长度 readonly : 只读文本框 placeholder : 给出的提示 密码框 常用属性: name : 表单元素的名称,必须有name属性,然后后台才可以接收数据 value : 密码框的默认值 size : 密码框的长度 maxlength : 密码框输入的最大长度 readonly : 只读密码框 placeholder : 给出的提示 单选按钮 常用的属性 name : 元素的名字 value : 上传的信息 checked : 单选按钮默认被选中 复选按钮 普通按钮,没有任何功能的按钮 提交按钮 重置按钮 文件上传的表单项 隐藏字段 图片按钮