码迷,mamicode.com
首页 > Web开发 > 详细

day14--前端HTML、CSS

时间:2017-10-01 23:44:19      阅读:309      评论:0      收藏:0      [点我收藏+]

标签:标题   word   password   描述   resource   依赖   Enctype   mit   lan   

    HTML是一个裸体的人,CSS穿上华丽的衣服,JS动起来。

    HTML

       1、 -一套规则,浏览器识别的规则

       2、 开发者:

              学习HTML规则

              开发后台程序

                     - 写HTML文件(充当模板的作用)

                     - 数据库获取数据,然后替换到HTML文件的指定位置(Web框架)

        3、本地测试

                - 找到文件路径,直接浏览器打开

                - pycharm打开测试(可能偶尔会出问题,跟自己理想有出入,使用本地打开)

        4、编写Html文件

                 -doctype对应关系

                 -html标签,标签内部属性lang="en",每个文件只能有一个html标签

                 -注释: <!--  内容 -->

        5、标签分类

                 -自闭合标签  自己关闭<meta> ,自闭合的标签很少<br> <link>

                   <meta charset="UTF-8">

                 -主动闭合标签<title>标题</title>

        6、head标签

                 -<meta>  编码,跳转,刷新,关键字,描述,IE兼容

                 - <title></title>标签 标题

                 - <link />

                           指定标题图标(<link rel="shortcut icon" href="//common.cnblogs.com/favicon.ico" type="image/x-icon" />)

                 - <style />

                 - <script/>

        7、body标签

                 - 图标 &nbsp(空格) ; &gt(大于号) ; &lt(小于号)

                 - <p></p>标签,段落    <br>换行标签

                 - <h1></h1> ----------------<h6></h6>标签,标题

      - <div>标签,块级标签(白板)

                 =================   小总结 ================

                     所有的标签分为:

                          块级标签:<h>系列标签(加大加粗),<p>标签(段落和段落之间有间距)<div>标签(白板)块级的白板,使用最多的标签

                          行内标签:<span></span>标签(白板)自身什么特性都不带

                      标签之间可以嵌套

                      标签存在的意义,定位操作,JS获取的时候比较方便

                  - input系列

                          input type = "text"               -name属性,方便后台取数据,value属性,默认值

                          input type = "password"      -name属性,让后台取数据

                          input type = "submit"

                          input type = "button"

                          input type = "radio"              - value属性,name属性(name属性相同,互斥),设置默认值,checked="checked",默认被选择

                          input type = "checkbox"       - 复选框,name属性(批量操作,获取批量数据),设置不同的value进行区分

                          input type = "file"                  - 设置name属性,指定提交的位置,但是type="file"依赖form表单的一个属性,不然上传不成功的,enctype="multipart/form-data"设置了才能上传文件。enctype="multipart/form-data"设置文件上传位置。

                          input type = "reset"               - 重置,重置form里面的输入,清空,重新输入

 

        -20个标签

    CSS

        -颜色

        -位置

 

 

 

 

 

 

    

day14--前端HTML、CSS

标签:标题   word   password   描述   resource   依赖   Enctype   mit   lan   

原文地址:http://www.cnblogs.com/gengcx/p/7618235.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!