html详细笔记,html笔记(示例代码)

第一节课:

1.认识HTML的基本标签

标签是属于段落标签

属于预文本标签,可以实现换行、空格、段落hr属于标签,size是属性,10是属性值

尽管有些HTML的属性可以改变外观,但通常不会去使用HTML属性去改变,而是用css去改变

2.列表标签

是有序列表

3.表格

我是加粗标题标签
我是列数据

一般要有规则性的表格采用table,table加载速度慢,灵活性不好、兼容性差

4.链接

..._blank是指打开一个新页加载跳转的页面

第二节课

1、绝对路径和相对路径

同一级目录可以相互调用

但如果不在同一级目录

则要在图片的一级目录里面调用,列如有1和3是一级目录,在1下面有一个2文件夹,在2文件夹里面有一个1.jpg,3文件里面有一个1.html,现在要在html中调用图片:../1/2/1.jpg

案列2:有1和4为一级目录,在1下面有一个2文件夹在2下面有一个3文件夹,在3下面有一个1.html,在4下面有一个1.jpg,则在html中调用图片../../../4/1.jpg

总结:先找到html的和图片所在的相同级,再调用../表示上一级

2、在中只设置宽度则图片为等比例放大或缩小,若设定宽和高图片可能会变形,alt=“这里没有图片(一系列说明词语)”,作用是当图片显示不出来的时候会有文字提示

3、表单元素 属于单闭合标签

get用于提交的数据量小比如id、标识,post提交的数据量大,安全系数较好,

输入文本的输入框

输入密码的输入框

按住Ctrl可以多选

我是下拉选项

多选按钮

男女 设为相同的name则只能选择其中之一

提交按钮

重置按钮

4、

第三节课

1、标签的语义化,html5的布局以及常用标签  详情请见网址:https://www.cnblogs.com/ruanmou/p/4821894.html

在网页中要显示则要在代码中:<html>(对html的转义)

将音频文件显示并且自动播放循环2次

html5布局

header我是头部标签,标题,顶部信息

nav我是导航栏

article我是文章

section我是文章中的章节

footer我是底部标签

hgroup代表网页或section的标题可以包括h1 h2系列的标签

figure标签是代表独立的流内容而figcaption定义figure的标题

带有文本框的下拉菜单:

h5标签以及其用简略代码能实现强大的功能是未来的一个发展趋势

响应式布局:能判断不同的设备的显示的宽度自己做出调整

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值