本文共 1316 字,大约阅读时间需要 4 分钟。
表格在网页中是展示数据的重要方式,但默认情况下表格是没有tbody
标签的。如果需要添加表格的主体部分,可以直接在<table>
标签中添加<tbody>
标签,或者浏览器会自动为你生成。需要注意的是,<thead>
用于表头,<tbody>
用于表格主体。
表单是网页中常见的交互元素,<form>
标签用于定义表单,<input>
用于文本输入,<select>
用于下拉选择,<textarea>
用于多行文本输入,<button>
用于按钮。要提高表单的可用性,可以将相关的表单项组合在一个<fieldset>
中,并为每个组添加描述性<legend>
标签。
rem
是一个相对单位,它的大小基于浏览器的默认字体大小(通常是16px)。以下是关于rem
的一些常用知识:
<html>
标签中设置font-size
,所有使用rem
的单位都会相应变化。1rem=16px
,12px=0.75rem
,10px=0.625rem
。在移动端开发中,建议使用rem
单位来实现响应式设计。了解浏览器的默认样式可以帮助你快速搭建网页。以下是一些常用的默认样式:
margin
和padding
默认为0。<a>
默认没有下划线和文本高亮,text-decoration: none;
可以去掉这些样式。<li>
默认没有列表样式,可以用list-style: none;
去掉。box-sizing: border-box;
样式。在移动端开发时,<html>
标签的字体大小可以通过设置font-size: 10px;
来调整。这会使得1rem=10px
,从而可以通过调整<html>
中的font-size
来轻松实现页面缩放。这种方法特别适用于移动端,通过只修改<html>
标签内的内容,可以快速生成不同屏幕尺寸的页面。
<fieldset>
用于将表单项分组,<legend>
用于给分组添加描述。px
转换为rem
,可以使用在线工具如www.ofmonkey.com/front/rem。<head>
中添加<meta name="viewport" content="width=device-width, initial-scale=1.0">
可以让页面适应不同屏幕尺寸。+
键可以快速输入一些常用标签。Ctrl+B
可以快速插入链接标签。Ctrl+T
可以快速插入表单标签。以下是一个示例<html>
文件的基本结构:
我的网页标题
请注意,以上示例仅供参考,具体情况请根据实际需求调整。
转载地址:http://sgjv.baihongyu.com/