(一)a1.属性：href（超引用：超链接）targetdownloadrel=noopener2.功能跳转到外部页面，跳转到内部锚点，发送邮件，拨打电话3.值：href：URL：①http(s)://www.baidu.com②//google.com路径：①/a/b/c和a/b/c②index.html伪协议：①javascript:代码；②mailto：邮箱③tel：手机号id：href="#xxx"（跳转内部锚点）target：_blank：在新窗口打开_top：在最顶层窗口打开_parent：在上层窗口打开_self：默认设置，在当前窗口打开xxx（自己命名）：原理：新建一个页面，命名为xxx，当打开另一个target="xxx"的网页时，当前xxx网页会被覆盖。xxx例子：(2)表格相关标签：
tablerow| tabledata | tablehead相关样式：table-layout:auto:tableandunitgrid根据其内容自动调整宽度fixed：表格和列的宽度由表格的宽度值设置border-collapse:collapse;边缘在相邻单元格之间合并border-spacing：单元格之间的间隙宽度结构正确：怎么画atable：先在纸上画出表格图形，然后对照它敲入代码。(3)img函数：发送GET请求显示一张图片属性：alt：如果图片加载失败，显示alt的内容height：如果只给定高度，则宽度自适应width：如果宽度为给定，高度会是Adaptivesrc(source):imageaddressevent:onload:js-relatedonerror:js-relatedresponsiveness:max-width:100%，那么移动端的图片也会按比例缩放,作为img可替换元素填充屏幕！！图片永不失真（4）表单功能：发送GET或POST请求，然后刷新页面属性：action：发送请求的路径autocomplete（是否自动填充）：默认关闭，给个值建议method（请求类型）：POST/GET，默认值为GETtarget（开启方法）：_blank/xxx基本格式：事件：onsubmit：xxx和的区别：前者有双标签，其他内容可以添加在中间，而后者只有一个标签(5)input:功能：允许用户输入内容属性：type:text(default):normaltextbutton:buttonemailfile:submitfile上传一个文件上传多个文件hidden：电脑用，用jsinput提交数字password：不显示具体内容（用小圆点代替）radio：单选（实现方式：多输入标签type="radio"的，使用相同的名称）checkbox：多选（实现方法：多个type="checkbox"的input标签并列，标签后面使用相同的选项名）如：sing跳转搜索：查找提交：提交电信公司lor:colorname:autofocuscheckeddisabledmaxlengthpatternvalueplaceholderevent:onchangeonfocusonblurvalidator:HTML5的新特性注意:一般不监听inputinput的click事件在form中必须要有name才能在form中放一个type=submit来触发submit事件(6）一些感受HTML+CSS+JS是前端的三大支柱。从入职的第一天起，我就反复听到这句话。随着了解的深入，我越来越明白为什么说“HTML=结构，CSS=样式，JS=行为”HTML提供了一个很好的网页架构，但是其标签内置属性样式单一且操作复杂，与css一起使用容易使代码可读性差，样式重叠，给后期修改造成很大负担。因此，HTML只是尽可能的搭建网站结构，而外观的美化是通过css和js来完成的，html并不是什么看不懂的技术，它的难点在于布局的合理性和有效性，以及对大量标签的理解、记忆和应用的程度。我认为HTML相关的学习是一个积累经验的过程，反复打磨掌握也可以称为工匠，越努力越幸运。
|
