上个月忙着换工作,也没什么时间写点东西,今天5.1放假来公司瞎看看,把今天弄得学习总结一下。
先说一下为啥想学html,其实从两方面考虑,第一呢还是围绕的测试工作的目的,一直想写一个mock的web页面可以动态的添加接口mock返回,这个也是我下半年接口测试框架添加的重点,思路基于flask做web,我关注了论坛别人写的多少都会用到html,毕竟也是经典的东西学学总是好的。第二呢python的requests库也是爬虫的核心嘛,其中经典的beautifulsoup库也是经典库,也想看看玩玩,官方文档入门也根据html所以就重点学一下。
环境和编译
我的用sublime text(我之前写php的rd同学都是用这个非常的轻而且很强大)html编译很简单直接文本书写,保存成.html,最后在浏览器中文本菜单中->打开文件->.html(保存的本地路径)就可以查看了。
基本标签
下面就是书写html
体:<body>表示整个html的体,我这用到bgcolor属性后面值是真个页面背景是灰色。
标题:<h1>表示标题,标题分成h1-h6不等,作用两个一个是重要度依次递减,另一个就是文本字段大小依次递减。其中第5行用了<h1>的align表示标题居中展示。我用到了h1和h2两个标题,一会上图看看效果。
段落:<p>表示一个段落,这里面具体扩展,我理解就是小的body,一个模块里面添加各种标题,图片啥的。
超链接:<a>表示超链接,属性href中是超链接跳转的url。
图片:<img >表示图片,属性src的值是本地的图片路径,width和height是图片的长和宽(要个图片自身保持一致)
下面就是效果。ps:我这一步步加,效果截图了,但是html没有对应截图。。。
效果1:
效果2:
下面是进一步的扩展:
表格:<table>表示该段落是表格,<tr>表示表格中若干行,其中添加标题<th>,<td>就是要添加的一个个表格中间是表格要展示内容即图中"row1,cell1","row2,cell2"
就这些,其实没啥东西,就是想保持书写习惯,要不然就又断了,后面慢慢学点东西记录一下。