HTML学习

HTML(HyperText Markup Language)·速查列表https://www.runoob.com/html/html-quicklist.html·使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。·它是标记语言,不是编程语言。·HTML文档也叫做 web 页面·关于URL:scheme://host.domain:port/path/filename,如https://www.runoob.com/html/html-url.html

  • scheme – 定义因特网服务的类型。最常见的类型是 http
  • host – 定义域主机(http 的默认主机是 www)
  • domain – 定义因特网域名,比如 runoob.com
  • :port – 定义主机上的端口号(http 的默认端口号是 80)
  • path – 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
  • filename – 定义文档/资源的名称

1.基本语言定义:

①.<!doctype html>声明为HTML5文档(最开始)(不分大小写)<!doctype>声明有助于浏览器正确显示网页,网络上有很多不同的文件,如果能够正确的声明HTML的版本,浏览器就能显示网页内容。

②.<html>元素是HTML页面的根元素

③.<head>元素包含了文档的元(meta)数据可以添加在头部区域的元素标签为: <title> <style> <meta><link><script><noscript> <base>在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息

标签描述
<head> 定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址,放在<head>首位,head其他区域也可以使用base信息了 <base href=”..”>
<link>定义了一个文档和外部资源的联系,通常链接样式表
<meta>定义了HTML文档中的元数据,通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件

④.<title>元素描述了文档的标题 定义了浏览器工具栏的标题当网页添加到收藏夹时,显示在收藏夹中的标题显示在搜索引擎结果页面的标题

⑤.<body>元素包含了可见的页面内容

⑥.<h1>元素定义一个大标题 <h1> 定义最大的标题。 <h6> 定义最小的标题。是网页内文章的一个大标题,突出文章的内容

⑦.<p>定义一个段落

⑧.<a>定义HTML链接 具体如<a href=”http://www.4399.com” (target=··)>外表</a>》1HTML链接-target属性: 使用 target 属性,你可以定义被链接的文档在何处显示。如target=“_blank 即使链接在新窗口打开》2.HTML链接-id属性:当书签使用。。a.在HTML文档中插入ID:<a id=”tips”>有用的提示部分</a>b.在HTML文档中创建一个链接到”有用的提示部分(id=”tips”)”:<a href=”#tips”>访问有用的提示部分</a> 接下来,你就可以通过点击b来快速索引到a

⑨.<img>定义HTML图像 具体如<img border=”10″ src=”url” alt=”some_text”> wight=”258″ height=”39“/>src即源属性,此处源属性的值是图像的URL地址 <img>放在哪,浏览器就在哪显示图片alt属性用来为图像定义一串预备的可替换的文本,在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息border属性定义图片边框大小*图像映射: 创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接具体如:定义 <map name=”name”>定义地图 再<img……….. usemap=“#name”> 让图像文件变成地图 再定义各个点击范围的超链接 <area shape=”rect” coords=”x1,y1,x2,y2″ href=url> rect是矩形 左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2) <area shape=”circle” coords=”x1,y1,r” href=url> circle是圆形 圆心坐标为(X1,y1),半径为r <area shape=”poly” coords=”x1,y1,x2,y2 ……” href=url> poly是多边形 各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ……

⑩.<br>换行 它是空元素

.<hr> 创建水平线

⑫.<!–..–> 定义注释,目的是让人更易理解,浏览器会自动忽视

⑬.格式化标签: <b>..</b>加粗文本 以此类推

标签描述<code>定义计算机代码
<b>定义粗体文本<kbd>定义键盘码
<em>定义着重文字<samp>定义计算机代码样本
<i>定义斜体字<var>定义变量
<small>定义小号字<pre>定义预格式文本
<strong>定义加重语气<abbr>定义缩写
<sub>定义下标字<address>定义地址
<sup>定义上标字<bdo>定义文字方向
<ins>定义插入字<blockquote>定义长的引用
<del>定义删除字<q>定义短的引用语
<dfn>定义一个定义项目。<cite>定义引用、引证

⑭.表格:每个表格从一个 table 标签开始,在其中加入border属性定义边框大小 单元格边距(字到边的距离)参数:cellpadding=“··“ 单元格间距(边与边的距离)参数:cellspacing=”··“ 表格的标题从caption标签开始 用于table后,tr前 每个表格行从 tr 标签开始 每个表格的数据从 td 标签开始,若想加粗数据内容,则将<td>换成<th> 使该数据变为表头 若想将某个格子扩大,则在td后空格加上 colspan=”..”横向扩大多少格 rowspan=“..”纵向扩大多少格

⑮.列表:无序列表:此列项目用自定义图像前缀进行标记,具体代码为<ul style=”list-style-type:··“> <li>..</li> <li>..</li> </ul> 其中··为disc即圆点列表,circle即圆圈列表,squar即正方形列表 有序列表:此列项目用自定义字前缀进行标记,具体代码为将无序列表中的<ul>改为<ol type=”··“> 其中省去type即为数字标记,type为A(a)即大(小)写字母标记,I(i)为(小写)罗马数字标记 自定义列表:自定义列表不仅仅是一列项目,而是项目及其注释的组合 自定义列表以 <dl> 标签开始 每个自定义列表项以 <dt> 开始 每个自定义列表项的定义以 <dd> 开始 实例如下:<dl> 浏览器显示如下 <dt>Coffee</dt> Coffe <dd>- black hot drink</dd> -black hot drink <dt>Milk</dt> Milk <dd>- white cold drink</dd> -white cold drink </dl>(注:列表间可相互嵌套)

2.小知识点:

1.中文编码:大部分浏览器中,直接输出中文会出现中文乱码情况,这是需在头部 (head)将字符声明为UTF-8或GBK 具体代码为<meta charset=”utf-8’> gbk类似2.<标签>内容</标签> 前者称为开始(放)标签 后者称为闭合(结束)标签3.HTML 标签是由尖括号包围的关键词,比如 <html>4.扩展名既可以用.htm也可以用.html5.没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。理解为<br>有了这个字符就认为他就关闭了(不需要</br>来关闭它),但尽量使用</br>以更加符合语法规则6.HTML 输出- 使用提醒我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。对于 HTML,您无法通过在 HTML 代码中加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。 由此看见</br>的作用7.元数据不显示在页面上,但会被浏览器解析。

3.Web浏览器:·Web浏览器(如谷歌浏览器)是用于读取HTML文件,并将其作为网页显示。·浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户。

4.CSS:1.CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.2.CSS 可以通过以下方式添加到HTML中:①内联样式- 在HTML元素中使用”style” 属性 当特殊的样式需要应用到个别元素时,就可以使用内联样式如 <p style=”color:blue;margin-left:20px;”>这是一个段落。</p>②内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS 如<head> <style type=”text/css”> body {background-color:yellow;} p {color:blue;} </style> </head>③外部引用 – 使用外部 CSS 文件(这样做最好)如<head> <link rel=”stylesheet” type=”text/css” href=”mystyle.css”> </head> (注 <a>标签只能使用内联样式)3.HTML样式实例-字体,字体颜色,字体大小 :font-family(字体)color(颜色)font-size(字体大小) HTML样式实例 – 背景颜色 :背景色属性(background-color)颜色值一般用如#EEEEEE(HEX) 或rgb(0,0,0)(rgb) HTML 样式实例 – 文本对齐方式 :text-align:”··”(文字对齐) HTML样式实列 – 图片显示: float:left(图片向左浮动),left可替换 以上代码使用格式为 <style=”font-family:arial;color:red;font-size:20px;”> 以此类推

5. HTML基本语言形式:HTML-区块: 大多数 HTML 元素被定义为块级元素或内联元素。-块级元素在浏览器显示时通常以新行还是或结束,如<h1><p><ul><table>.. · <div>是特殊的块级元素,与css一同使用以改变文档区域的样式属性-内联元素在浏览器显示时通常不会以新行开始,如<b><td><a><img>.. · <span>是特殊的内联元素,与css一同使用以改变文档中行内元素的样式属性 HTML-布局: 布局大致有两种:<div>布局(文本布局) <table>布局(表格布局) HTML-表单: 表单是个包含表单元素的区域。表单元素允许用户输入:文本域,下拉列表,单(复)选框 大致为 <form> …. <input type=”…;”>… </form>a.文本域为”text”,密码为“password”,复选框为“checkbox”,单选框为“radio-buttons”, 注意单选时,type=“”后面用同样的name=“..”同一组的单选按钮,name 取值一定要一致b.单纯的按钮”button”,提交按钮“submit”紧随其后是value用来定义按钮中的文本,注:使用 提交按钮时,需这样<form action=”…” method=”,,”>设置点击按钮后的相关事项c.下拉列表,不同于以上,它的基本格式是<form> <option>a</option><option>b</option>…<option selected>k</option></form> 其中seleced用途是预选下拉列表中最开始显示的东西,若不用selected则默认显示第一个d.带边框的表单基本格式: <form><fieldset><legend>Personnal information</legend>…<input..>…</fieldset></form>大致显示为如下

HTML-框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面 具体为<iframe src=“URL” width=“” height=“” frameborder=””></iframe>, -该URL指向不同的网页,frameboder用来定义iframe的边框大小你甚至可以iframe页面中进入一个链接 如: <iframe src=”demo_iframe.htm” name=”iframe_a”></iframe> <p><a href=”http://www.runoob.com” target=”iframe_a”>RUNOOB.COM</a></p> HTML-脚本: ①脚本插入方式: <script>..</script><noscript> 标签提供无法使用脚本时的替代内容,如浏览器禁用脚本时。 <noscript>元素包含普通HTML页面的body元素中能够找到的所有元素,一般用在 <script>脚本</script>后面,以<noscript>脚本<noscript>出现 HTML-字符实体HTML中的预留字符(如< > “空格等)有些时候必须替换为字符实体 以普通文本的形式出现,否则可能会被识别为标签等东西 注:实体名称对大小写敏感!

显示结果描述实体名称实体编号
 空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
引号&quot;&#34;
撇号 &apos; (IE不支持)&#39;
&cent;&#162;
£&pound;&#163;
¥人民币/日元&yen;&#165;
欧元&euro;&#8364;
§小节&sect;&#167;
©版权&copy;&#169;
®注册商标&reg;&#174;
商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

Python脚本学习

学习python脚本的记录 ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ ㅤㅤㅤ

1.requests库:用于获取指定url页面内容或向指定url页面发送内容

1.request.session() 创建一个会话


2.requests.post('http://httpbin.org/post')
  requests.get('http://httpbin.org/get')
  requests.put('http://httpbin.org/put')
  requests.delete('http://httpbin.org/delete')
  requests.head('http://httpbin.org/get')
  requests.options('http://httpbin.org/get')          //各类请求


3.  requests.get("http://httpbin.org/?name=germey&age=22")
或  requests.get("http://httpbin.org/get", params=data)
    data = {'name': 'germey','age': 22 }             //get传参

4.response =requests.post("http://httpbin.org/post", data=data) 
  data = {'name': 'germey', 'age': '22'}             //post传参

2.RE库:用于匹配字符串

1.re.findall(str,place) 在place中寻找str并以数组方式返回,str可用正则