crlt+? pycharm的注释快捷键

 html标签,是网页最大标签,所有设置这里

head 标签:网页的标题,页面相关设置 必须要有的标签:<meta charest="utf-8">解码

body标签:直接显示在页面的内容

标题标签

h1 一级标题

h2 二级标题

h1 - h6 一级到六级

#独占一行

 

段落标签

#独占一行

 

文段输<br>

强制换行

 

无序列表

ul

  <li>通过这个标签显示

#独占一行,一个点

 

有序列表

ol

 <li>通过这个标签显示

#独占一行,一个序列1、2、3/ a,b,c/...

在开始标签后面加入 type= “1” 表示 以1、2、3、作为序列

          start= “2”,表示从2开始

自定义列表

dl dd dt

dl #声明一个自定列表

  dd # 前面有空格

  dt #顶格

 

表格标签

table#声明表格标签 

  #border:设置边框是否显示。 border:“1”

  #cellpadding :设置表格内容距离边框距离 cellpadding:“10px”

  #cellspacing:设置表格与表格之前的间距:cellspacing:"1"

  #width:表格常用宽度

  #height:表格常用高度  

  tr :行 #第一行  、有属性 colspan- “3”,设置水平方向一个单元格占据宽度,(用于合并单元格时候,把表示合并掉单元格注释掉)

    td :列 #第一行第一列 rowspan = "2",设置垂直方向一个单元格占据宽度,(用于合并单元格时候,把表示合并掉单元格注释掉)

    td: 列 #第一行第二列            

  tr: #第二行

    td:列 #第二行第一列

    td:列  #第二行第二列

#valign = “top”、valign = “bottom”、文字选择垂直方向的哪里,默认居中

#align = “right”、align = “left”(默认)。align=“center”、文字选择放在水平方向的哪里,默认左

【注意】:tr设置影响整行。td设置影响单个单元格

  tr:

    th colspan = ”4“ #表头,4个单元格

 

 

二、HEML的行级标签##不独占一行

  a 标签 超链接标签   

    #href后面接上要跳的网址

  <a href="http://ww.baidu.com">百度</a>  #标签里面必须有href

  <a href="C:\\Usres\\11.txt">跳转到本地文件</a> #这是绝对路径,推荐使用相对路径

  <a href=".\11.txt">跳转到本地文件</a>  #x相对路径

    #target属性“_blank”,新窗口跳转页面

  <a href="http://ww.baidu.com" targe=“_blank”>百度</a>

 

图像标签img标签

  img##单标签

    src:图片的地址(网络资源或者本地资源)

    alt:用于图片加载的替代文字!!!(必须存在)

    width:图片的宽#只设置一个会等比例拉伸

    height:图片的高#只设置一个会等比例拉伸

    titie:鼠标放在图片上显示的文字(可写可不写)

  <img src=“http:\\xxxxxxx” width=“200px” height = “1000px”  alt=“xxxx” title=“xxxx” >

 

文本标签

  b标签:加粗 #双标签!!把想要加粗的文字用双标签圈起来

  i 标签:倾斜 #双标签!!把想要倾斜的文字用双标签圈起来  

    strong 标签:强调加粗 #双标签!!把想要加粗的文字用双标签圈起来

  em标签:强调倾斜 #双标签!!把想要加粗的文字用双标签圈起来

  <b>这里变加粗<\b>

 

  span#无语义的行级元素,配合CSS使用,来设置文本一部分内容

    span标签# 双标签

    <span style = "color = red”>注意</span>##吧注意这个词变成红色

常用的实体字符:

  转义格式参考xml文件

   &nbsp 一个空格符。#文本输入空格只显示一个,要用多个&nbsp显示多空格

  

表单标签

   用form标签划定一个表单区域

    属性:

      action:数据提交地址

      mechod:提交方式(1、get 2 、post)

      #上面两个属性必须存在

<form action= "" method= "post" enctype ="mulitipart/form=data">,  enctype是上传文件转码

                               method只有两个属性  get/post,get通过url输入数据,数据会显示在url上,不安全

   post :不会显示在url上,表单一般使用post~

  <input type= "text",name = “xxxx”,value=“11233”> 

                #input必须有name属性!!!

                #type属性:

                       text表示普通文本

                       password:表示密码    

 

<input type= "radio",name = “sex” value=“11>男                radio:单选,单选框里的name必须相同

<input type= "radio",name = “sex” value=“1>女      必须存在value,value= “xx”不同才能收集数据

                          

                          checkbox:多选,多选框里的name必须相同

                          必须存在value,value= “xx”不同才能收集数据

                          ###不一样的select:下拉表格,不用input,但是在selec的子级输入option标签内容是下拉选项###两个都是双标签

                            <select name="xueli">

                                <option value=“1>小学<option>

                                 <option value=“3>初中<option>

                                <option value=“2>大学<option> 

 

用户名<input type= "text",name = “xxxx”,value=“11233”>    

    #input单标签,name和value组成,name=“value”,value首先显示在表单里面

    密码:<input type= "pasword",name = “xxxx”>    

文件上传:<form action= "" method= "">,

        <input type= "file",name = “file”

按钮

<form action= "" method= "">,

  <input type= "submit",values = “确定”

重置

<input type="reset" value="重置">

隐藏域hidden#不需要用户输入和查看的信息

  <input type= "hidden",name=“id"values = “0”

 

input里面的属性,直接标签里面写。dsabled,禁用,变成灰色,按不了

        直接标签里面写 redonnly,只读,不会变灰色,也按不了  

        placeholder=“xxxxx” 。灰色的xxxxx,用于提示用户输入什么内容    

posted on 2019-08-04 23:27  我只是一只猫~  阅读(148)  评论(0编辑  收藏  举报