宇哥笔记，未完

crlt+? pycharm的注释快捷键

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

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

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

标题标签

h1 一级标题

h2 二级标题

h1 - h6 一级到六级

#独占一行

段落标签

p 

#独占一行

文段输<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>这里变加粗<>

　　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，用于提示用户输入什么内容