html学习笔记




    
    hello world

    Hello world!
    总结:首先,按下标签名后按tab自动补全<>与还有<>中的必要元素
总结:然后,填写标签内的内容后,按shift+enter相当于先按end跳到本行末再按enter换行
总结:最后,ctrl+d可以复制当前行并在下一行粘贴插入
CSS中,标签是空,ID是#,CLASS是.,注意:右击网页按检查元素,按element,左边HTML,右边CSS
结构化标准语言XHTML,XML
表现标准语言CSS
行为标准DOM,ECMAScriipt


    
        
        基本标签
    
    
        

一级标签

二级标签

三级标签

四级标签

五级标签
六级标签








I love you. I love you. 空 格 大>于 小<于 版©权
水平线
总结:关于符号的查找,例如按下&b后按tab可以看到全部以b开头的特殊符号


    
        
        图像标签
    
    
        模板:图像地址,图像替代文字 鼠标悬停提示文字,图像宽度,图像高度
        text
例一:省略width与height,原图大小显示
photo
例二:设定width与height之一,原图横宽按比例扩缩 photo
例三:设定width与height两者,原则模宽都自动扩缩宽高至设定的像素(不再规定成比例) photo
总结:其实在标签内按空格会自动弹出可选择设置的属性,这个在用到的时候百度就可以了,用得多了自然就记得


    
        
        链接标签
    
    
        这是锚点
        

创建新空白页并跳到test02.html


在本页跳到test03.html(默认就是_self)


photo

回到顶部


跳到test03.html的hi锚点
加我领取小电影 在这个网站里找的链接写法:https://shang.qq.com/v3/widget.html


    
        
        行内元素与块元素
    
    
        块元素就是元论内容多少都独占一行如p,行内元素就是可以一起排在一行里如a/strong/em
    


    
        
        列表
    
    
        
  1. one
  2. two
  3. three
  • one
  • two
  • three
dt是列表名称
dd是列表内容
dd是列表内容
dd是列表内容


    
        
        表格
    
    
        
1 2 3 1
1-1
2-1 2-2 2-3 2-4
3-2 3-3 3-4


    
        
        视频与音频
    
    
        

controls是控制条



    
        
        页面结构
    
    
        
header:标题头部区域内容:用于整个页面或页面中的一块区域
section:WEB页面中的一块独立区域
article:独立的文章内容
footer:标记脚部区域内容:用于整个页面或页面的一块区域


    
        
        iframe内联框架
    
    
        
src网址,name框架标识名,width与height宽与高


go
应用举例:在B站随便找一个视频按下面的分享,有一个内嵌链接,拷贝过来即可


    
        
        表单
    
    
        在form中带有submit属性的input在点击时就是把form中的所有input标签以method方法提交到action处!




method可以选get与post,action表示向何处发送数据,实际开发中会射向请求处理地址,请求利用input中的name接收value的值
按钮
玩耍-多选框,注意同name表示同一组才能得到一个name返回列表的效果
学习-多选框,可以在某个别项的标签中加上selected属性表示选中
工作-多选框,注意同name表示同一组才能得到一个name返回列表的效果
颜色框
年月日框
年月日时分框
邮件框-他就是判断你有@且@前后有字符即可
文件框-提交的文件名就是value了
隐藏框(改这个属性后能看不到)
图片框-与img一样
年月框
男-单选框,注意同name表示同一组才能得到多个只能选一个的效果
女-单选框,注意同name表示同一组才能出单选效果
年周框
定位框-要求你输入网址
时间框
电话框-要求你输入电话号码
搜索框-框末有个清空的叉
拖动条
数字框(有上下箭头)-要求你输入数字(字母与汉字都不能输入)
name属性,表单元素名称(可以在后端接收请求后获取到元素的值)
value属性:元素初始值,(例如submit中的value是显示出来让人看到的,text与password就是框里初始时自动填入的值),也是后端利用name接收到的string值
size属性:初始宽度,当type为text或password时大小以字符为单位(即不用px),经测试准确表述应为在减去value字符外的留空长度,其他类型宽度以像素为单位
maxlength属性:当type为text或password时使用,决定输入的最大字符数
checked属性:当type为radio或checkbox时使用,指定按钮是否被选中


    
        
        下拉框
    
    
        如果全部没有selected就默认第一个选中,在后端获取请求后,根据name(cj_list)获取value(cj_valx)


    
        
        文本域
    
    
        如果全部没有selected就默认第一个选中,在后端获取请求后,根据name(cj_list)获取value(cj_valx)


    
        
        表单的应用
    
    
        表单的应用:hidden隐藏域,readonly只读,disabled禁用
readonly只读
男-单选框,disabled禁用
女-单选框
hidden隐藏域,通常用来传默认值


    
        
        表单初级验证
    
    
        
placeholder是当输入框为空时出现的提示词
required表示不能为空
pattern正则表达式
正则表达式可以参考https://www.jb51.net/tools/regexsc.htm这个网址,上面的(不需要用\转义,因为我不是要匹配(,同理)也不用

 

你可能感兴趣的:(2021年研究生学习笔记)