前端从入门到放弃

手搓网页,不使用框架。记录学习过程,多写多练,学习ing,加油!!!

先给网页加个边框,可以明显看到网页效果

a标签的实现:href指定链接地址,target指定_self在当前页面打开;_blank在空白页面打开

上面设置了首行缩进35px,这行不设置。首行缩进实现方法: text-indent。 我在此处加了span标签并且设置了红色字体,可以给span一个id或者class来设置样式,和div不同,sapn不能设置width和height。

我居中了

图片:

baidu
我在此处加入了图片,外链绝对路径,图片是百度的logo,不知道后期会不会失效。图片的margin和width设置了百分比并且居中,可以实现自适应,在不同设备间丝滑切换有利于用户体验。

视频:

下面引入视频,视频控制播放的是controls.

有下划线 没有下划线 text-decoration: none;修饰,设置超链接下划线

表格:

表头
单元格
表头1 大1
单元格1 小1

border-collapse: collapse;设置表格的合并

表单:

姓名:

密码:

性别:

爱好:

图像:

生日:

时间:

日期时间:

邮箱:

年龄:

学历:

描述:

列表:

无序列表

有序列表

  1. 赵月月
  2. 胡艺博
  1. 赵月月
  2. 胡艺博
  1. 赵月月
  2. 胡艺博

自定义列表

我是头
我是尾
我是头1
我是尾1

JavaScript学习:

js通过parseInt(...)函数将字符串"3"转换为数字:

获取当前的系统时间:
解析时间:

for循环计算1-5之和输出: