html标签语言学习一(基本使用)

上个月忙着换工作,也没什么时间写点东西,今天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"


就这些,其实没啥东西,就是想保持书写习惯,要不然就又断了,后面慢慢学点东西记录一下。




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值