11.16作业+笔记

scd0208

已于 2023-11-19 09:57:24 修改

阅读量38

点赞数

文章标签：笔记 java 前端

于 2023-11-18 19:39:07 首次发布

本文链接：https://blog.csdn.net/scd0208/article/details/134454788

版权

表格标签<table>

<thead>

<tr>

<th></th>

</tr>

<tbody>

<tr>

<td></td>

</td>

</table>
属性：

border
划分间隔

cellspacing
间隔间隙

align，valign
内容在表格中的位置

rowspan， colspan
跨行，跨列

2.iframe标签<iframe src="地址" frameborder=“边框”></iframe>

可以与a标签连用

3.其他标签

dialog：关闭对话框

details：用来折叠内容，浏览器会折叠显示该标签的内容。

4.全局属性：所有标签都可以使用的属性。class，id，style

5.表单补充：<form><label><input type="radio" name="sex" id="">男</label></form>（可以选择字）

&nbsp	空格
>,<	<>

7.css:两种（1）head中<style>进行连用

（2）新建页面在head中使用link连接

标签选择器	在head中输入标签
类选择器	在head中输入.+class
id选择器	在head中输入#+id
通配符选择器	在head中输入*，选中全部
包含选择器	之选中子代，.class>li
后代选择器	选中全部的子孙代，.class li
复合选择器	标签，类，id都可以标签，类
属性选择器	input<条件> ^开头 &结尾 *存在
伪类选择器	face获取焦点的时 hover鼠标悬停时
其他选择器	li:nth-child(x）选中第x个 li:first-child 第一个 li:last-child 最后一个 li:nth-of-type(x) 选中列表第x个
伪元素选择器	li::before 在列表前加 li::after 在列表后加 selection选中的时候

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp用户注册
<br>
用户名<input type="text" defaultValue="zhangsan">
<br>
密&nbsp&nbsp&nbsp码<input type="text">
<br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
性别<input type="radio" name="sex" checked>男
<input type="radio" name="sex">女
<br>
爱好
<input type="checkbox" name="like">唱
<input type="checkbox" name="like">跳
<input type="checkbox" name="like">Rap
<input type="checkbox" name="like">打篮球
<br>
邮箱<input type="text" placeholder="请输入你的邮箱">
<br>用户头像<input type="file" accept="image/*">
<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp家庭地址
<select name="hoome" id="001">
    <option value="请选择你的地址" selected></option>
    <option value="北京" ></option>
    <option value="上海" ></option>
</select>
<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp收货地址<select name="hoome" id="001">
    <option value="南京" selected></option>
    <option value="广州" ></option>
    <option value="深圳" ></option>
    <option value="重庆" ></option>
</select>
<br>建议或意见<textarea name="" cols="30" rows="10"></textarea>
<br>选择你喜欢的颜色 <input type="color">
注册时间<input type="time">
<br>
<button>注册
</button>
<button>重置
</button>