【Sumblime Text】开启双/多屏显示同一个代码文件

打开要双屏显示的代码文件(横向):

        Alt+F+E 克隆文件(windiws)

       File-New view into file(Mac) 

        Alt + Shift + 2 (3,4,5) 分出多个屏幕

鼠标将克隆出来的文件拖至其它分屏

 

竖向分屏:

 

Sublime Text中创建HTML导航栏菜单,你可以按照以下步骤操作: 1. **打开Sublime Text**: 首先,打开Sublime Text,选择"File" -> "New File" 创建一个新的空白文件。 2. **设置文件扩展名**: 在新建文件的底部,你会看到默认的".txt"扩展名,改为".html"以便于识别为HTML文档。 3. **添加HTML结构**: 从头开始编写基础HTML结构,包括`<!DOCTYPE html>`声明、`<html>`标签等。例如: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>导航栏</title> <style> /* 可以为导航栏添加一些基本样式 */ </style> </head> <body> ``` 4. **创建导航栏**: - 在`<body>`标签内创建一个无序列表(`<ul>`),作为导航栏的主要容器: ```html <nav> <ul class="navbar"> <!-- 添加每个菜单项 --> </ul> </nav> ``` 5. **添加菜单项**: 在`.navbar`列表中,添加`<li>`元素代表每个菜单项,并链接到相应的页面: ```html <li><a href="#home">主页</a></li> <li><a href="#about">关于</a></li> <li><a href="#services">服务</a></li> <!-- ... 更菜单项 --> ``` 6. **美化样式**: 利用CSS(可以在`<head>`部分的<style>标签内添加)来给导航栏添加颜色、字体和布局样式。例如: ```css .navbar { list-style-type: none; padding: 0; background-color: #333; display: flex; justify-content: space-around; } a { color: white; text-decoration: none; padding: 14px 16px; } a:hover { background-color: #ddd; color: black; } ``` 7. **保存并预览**: 确保文件保存为".html"后,你可以通过浏览器打开它,查看你创建的导航栏是否按预期显示
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值