当前位置: 首页 > Web前端 > HTML

HTML中常用的标签_0

时间:2023-04-02 14:26:40 HTML

aTaga标签属性1.herfa链接地址,取值:推荐使用//www.baidu.com作为url的写法,浏览器会自动补全path的绝对路径:/a/b/c,相对路径:index.html和./index.html3.伪协议应用场景:希望点击a标签后什么都不做,页面不会刷新或返回顶部具体用法:`这相当于执行一段无意义的js代码,只有一个分号id:href=#idname,可以跳转到id名称为id的标签如

,可以定位到这个p标签2.Target决定是在本页还是新页打开链接。系统自带的值:1.`target="_blank"`打开新页面2.`target="_self"`在当前页面打开3.`target="_top"`打开顶层窗口,最顶层的iframe4.`target="_parent"`在父页面打开,3和4应用于iframe在嵌入式窗口的情况下,程序员也可以命名target="xxx"来对应的名称iframe标签。如果没有iframe,target="xxx"会打开一个window.name为xxx的标签(在浏览器控制台输入window.name可以看到名字),如果已经存在则直接覆盖。a标签的功能跳转到外部页面,跳转到内部锚点,跳转到邮箱或手机img功能:发送GET请求,显示图片属性src:="address"alt="prompttext"如果图片被破解,无法加载,会显示alt属性中的文字,提示用户图片是什么。所以只写宽度或高度事件onload,加载成功,onerror,加载失败-sizing:border-box;}img{最大宽度:100%;}tabletabletr是tablerow的缩写th是tableheadtd是tabledatatableexample
Englishtranslate
hyperhyper
目标目标
参考</td>引用
有的人不写,或者顺序不对,html会在浏览器自动纠错如何实现两个header如图,有两个header这里,小红、小明、小英和数学,中文和英文分别用`作为数据,`th><th>中文
小红小明小强
数学619185
798292
英文1009186
总分200200200
表格样式table-layout:table-layout:auto;auto表示根据内容计算Widthtable-layout:fixed;fixed表示宽度固定,宽度尽量平均。border-collapse和border-spacing用于调整表格Border的间隔。一般设置为:input标签JS事件:onchange当用户输入从鼠标输入改变onblur界面出来的时候,onfocus鼠标关注上面属性type的值:text,inputtext,password,inputpassword,radio如何实现两个radio类型的Inputs,二选一,让两个Inputs有相同的名字。比如我们要实现男女选两个性别之一malefemalecheckbox多选一样,还需要写同类型的多个选择框SameNameSingJumprap篮球文件上传文件上传一个文件`上传多个文件`hidden用于js自动填写id,string等东西。textarea文本框需要文本框不能自由拖动,固定大小`selectselect-请选择-MondayTuesdayWednesday注意一般不听输入单击事件表单中的输入必须有名称。表单中必须有type=submit的input或button才能触发submit事件。一些感慨HTML+CSS+JS是前端的三大支柱,从入门第一天开始就一直在重复。听到这句话,随着学习的深入,越来越能理解为什么“HTML=结构,CSS=样式,JS=行为”HTML提供了很好的网页结构,但是其标签的内置属性却单一style,操作复杂,和css一起使用容易使代码可读性变差,而且样式重叠,给后期修改造成很大负担,所以只用HTML搭建网站结构尽可能多,而外观的美化就交给css和js去做。