黑马程序员技术交流社区

标题: 【石家庄校区】java小白总结前端前六天的知识笔记-01HTML [打印本页]

作者: 隔壁小白 时间: 2017-11-20 23:43
标题: 【石家庄校区】java小白总结前端前六天的知识笔记-01HTML
##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>  文本域

作者: 小石姐姐 时间: 2017-11-21 09:36
清楚明了，棒棒哒

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2