基础班重点记忆

1、文本格式化

加粗 —— strong，b ——font-weight（300字体变细，700加粗）
倾斜 —— em、i —— font-style：normal （不倾斜）
删除线 —— del、s
下划线 —— ins、u （text-decoration：underline，boder-bottom）

2、图片标签

—— <img src="路径" alt=“图片不显示，替换文本” title=“鼠标悬停显示文本”>

3、超链接

—— <a href="路径" target=“窗口打开方式”></a> (target [_self—当前窗口打开，_blank—在新的窗口中打开] )

—— base（单标签）：设置base标签可以给多个链接同时设置打开方式，比新窗口打开

—— 上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <base target="_blank">
</head>
<body>
    <a href="#">lalalalal</a>
    <a href="#">alallalalalla</a>
    <a href="#">lalallallalalalala</a>
</body>
</html>

4、table属性

—— thead —— 定义表格头部（必须含有tr标签，一般位于第一行）

—— tbody —— 定义表格的主体

—— cellspacing —— 内容和边框之间的距离，默认为1px

—— cellpadding —— 单元格之间的间距

—— 跨行合并（rowspan）—— 把多个行的单元格合并——纵向合并

—— 跨列合并（colspan）—— 把多个列的单元格合并 —— 横向合并

—— 删除多余单元格

—— 上代码：

 <table
      cellspadding="20"
      cellspacing="0"
    >

    </table>

5、表单属性

—— action（url地址）——用于指定接受并处理表单数据的服务器程序的url地址

—— method（get、post）——用于设置表单数据的提交方式，取值为get、post等（post保密不显示）

—— 表单三类（input、select（option-下拉列表选项）、textarea）

—— 文本域的基本语法：<textarea cols="100" rows="10"></textarea>

—— radio —— 单选按钮，多选一（这里注意name得相同，不然就变多选了）

—— checkbox ——复选框（这里也得注意name相同）

—— file —— 文件上传使用

—— submit ——提交，把数据传给服务器

—— reset ——重置，会清空表单所有数据

—— 将多个单选按钮设置相同的 name 属性，能够实现用户单选；

—— 提示：同一组单选按钮或复选框， name 属性的值应该一致。

—— checked=“checked”简写checked，默认选中单选或复选框

—— maxlength —— 输入框最大输入长度

—— label：可以和表单的元素绑定，增加点击范围，提高用户体验（说人话就是点击提示文字也会执行对应的input，提示文字使用label包裹，给对应input弄个id，label里的for等于这个id，绑定完成）

—— label和input是兄弟关系

—— label使用步骤

1、给要绑定的input标签设置唯一的id属性值

2、使用<label foer="控件id">标签文字</label>让label标签与对应控件绑定

—— 上代码：

</select>

posted @ 2020-10-20 23:54 黑金小码农阅读(105) 评论(0) 收藏举报

刷新页面返回顶部