day03

1.表单

1.1

label for=“username”>用户名:

input type=“text” id=“username” placeholder=“请输入用户名”>

label>标签,在点击文字时可以选中。for=“ ”中需要填写对应id值。

1.2

placeholder=“请输入用户名”

在输入框中出现提示信息

1.3

input type=“checkbox” name=“MX” id=“ZJL” checked>周杰伦

在单选或多选框中,添加checked,表示默认选中

2.练习代码

2.1




    
    
    Document


    
用户信息表单


喜欢的明星:
性别:
学历:
上传头像:



城市:
简介:



2.2




    
    
    Document


    
学生信息管理
学生姓名 性别
学历 身份证号
班级 讲师
教务班主任 就业班主任
学校 专业
年级 联系电话
父母电话 母亲电话
家庭住址 备注

2.3




    
    
    Document


    
邮箱账号
昵称
密码
确认密码
性别
生日
所在地
验证码
我已阅读并已同意相关服务条款和隐私政策

3.元素

3.1块状元素

块状元素:div p段落标签 h标题标签 ul li无序列表 ol li有序列表

块状元素 独占一行 如果不设置宽度 默认占整个容器的百分之百

3.2行内元素

行内元素:a超链接标签 strong b加粗 em i斜体 del s删除线 ins u下划线 span

一行可以排列多个 不能直接设置宽和高 宽度和高度随着内容的增加改变

3.3行内块元素

一行排列多个,可以设置宽高

3.4练习代码




    
    
    Document


    







我是一个div
我也是一个div
我是一个span标签
我是第二行
我也是一个span标签 行内块元素:img input

你可能感兴趣的:(前端学习,html)