A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

##HTML
*HTML:超文本标记语言
    *乱码问题:文本和内容编码不一致
*作用
        制作静态网页
*使用地方
        在设计网站的页面的时候使用到HTML
*使用
        HTML的文件的创建
            先创建TXT文件,然后改后缀名
            一个HTML文件,扩展名为.html或者.htm结尾
*结构标签
        *根标签:<html></html>
            *<head></head> 头标签
            *<body></body> 体标签
*HTML的字体标签
        <font> :字体标签
            <font>文字<font>
        <font>标签的属性:
            <标签 属性名="属性值" 属性名="属性值:></标签>
            color属性:字体颜色
                英文单词设置:black,red
                使用16进制数设置:#FF0000 红色  #00FF00 绿色  #0000FF 蓝色
            size属性:字体的大小
                值是1-7
            face属性:字体的字体
*HTML的排版标签
        *标题标签 h标签 <h1>...<h6>
        *段落标签 p标签
        *粗体标签 b标签
        *斜体标签 i标签
        *下划线标签 u标签
        *居中标签 center标签(已过时)
        *标签的嵌套
        <br/>换行
        <hr>-横线
*HTML标准
        HTML 4
        HTML 5 <!DOCTYPE html>  是对Javascipt.CSS的增强
        <pre> 原生标签
##网站图片页面显示
*HTML图片标签
    *图片标签<img>
        *属性:
             * src    :图片的来源.
             * width    :图片的宽度.     100px     px代表像素点
             * height:图片的高度.
             * alt    :图片找不到显示的内容.
    *图片引入的路径
        *路径:相对路径
            *如果一如的图片和html文件是同一级路径
                直接写文件名或者./文件名
            *如果引入的图片是html的上一级路径,../文件名
            *如果引入的图片是html的上两级路径,../../文件名   
            *如果引入的图片是html的下一级路径,/文件名
##网站列表页面的显示
*HTML的列表标签
    *有序列表
        <ol>
            <li></li>
        </ol>
    *无序列表
        <ul>
            <li></li>
        </ul>
        <ul style="list-style: none;">:去掉小圆点
*HTML的超链接标签
    *HTML的超链接标签:<a>
        *属性:
            *href:链接的路径
            *target:打开的方式
                *_self:在自身页面打开
                *_blank:新打开一个窗口
*无序列表的属性
    *type的属性
        *disc:实心点
        *circle:空心圆
        *square:方块
有序列表的属性:
    * type属性:
        * 1        :数字类型
        * a        :英文类型
        * i        :罗马字符
超链接的target属性:
    * _self:本页面打开
    * _blank:在一个新的窗口打开
    * _parent:
##HTML的表单标签
*为什么要加name属性:为了传递参数
*HTML的表单标签:<form>
     * 常用属性:
          * action属性:提交的路径.默认提交到当前页面
          * method属性:请求的方式.GET和POST.默认是GET.
          * get和post区别
              * get:会显示在地址栏上,有大小限制
              * post:不会显示在地址栏上,没有大小限制
              * post更加安全
              * post没有大小限制
  *HTML中表单元素:
        *<input type="text">  文本框
            *常用属性:
                *name :表单元素的名称,必须有name属性,然后后台才可以接收数据
                *value:文本框的默认值
                *size:文本框的长度
                *maxlength:文本框输入的最大长度
                *readonly:只读文本框
        *<input type="password">  密码框
                *
        *<input type="radio">  单选按钮
        *<input type="CheckBox">  复选按钮
        *<input type="button">  普通按钮:没有任何功能的按钮
        *<input type="submit">  提交按钮
        *<input type="reset">  重置按钮
        *<input type="file">  文件上传的表单项
        *<input type="hidden">  隐藏字段(类似于文本框,可以上传,但是不能看到,    一般储藏ID)
        *<input type="image">  图片按钮(把图片设置成链接)
        *<select>  下拉列表
        *<textarea>  文本域

1 个回复

倒序浏览
清楚明了,棒棒哒
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马