[TOC](这里写目录标题)#1.HTML有一系列标签组成#2.大部分都是双标签eg:p,h1 h1回车补全 tab采纳少数单标签如hr水平线 img source br(换行)都用#3.解释4.标签关系以及AI排错4.1并列关系head/head body /body4.2嵌套关系headtitle /title/head5.HTML的标题和段落查看更多 是超链接用ah1一般是文章标题或者logo7.强调与重要性标签加粗倾斜下划线语义化标签方便给写代码的人看懂的或者是让搜索引擎知道这个意义的注释也可以换行书写!-- 112233 --8.元素分类块级元素内联元素注意段落P标签里面不要包含其他块级元素主要放内联元素。9.图像标签02:41img srcpig.jpgalt这是佩奇属性alt图片显示不出来的提示信息title鼠标停留在图片上显示出来的信息图片格式10.路径分类相对路径相对于当前文件位置的路径图片相对html文件的位置html怎么找到图片相对路径分为三种:1同一目录 直接使用文件名即可(./表示当前文件夹)img srcpig.jpg alt这是佩奇img src./pig.jpg alt这是佩奇2下级子目录使用目录名/文件名img srcimg/pig,jpg alt这是佩奇3上级目录 使用../返回上一级img src../pig,jpg alt这是佩奇绝对路径从根目录开始的完整路径包含完整的URL地址。可以从盘符开始只能在自己电脑显示img srcE:\Research\pig.png alt这是佩奇img srcE:/Research/pig.png alt这是佩奇或者完整地址使用 \ 反斜杠/也可以11.视频和音频视频视频的其他属性视频兼容性兼容性写法音频12.链接标签a超链接双标签b加粗href指链接转到哪个地址a 点击的文字或者图片即可转到某个链接/a1.内部链接2.外部链接属性其他链接#空链接点击之后也是返回顶部锚点链接13.布局标签什么时候用什么标签低版本采用divsection为区块标签块级元素里面可以嵌套其他标签div和span标签无具体含义想要每次独占一行(竖着显示)用div想要并列横着显示显示用span14.列表标签无序列表ul 有序列表ol 描述列表dl1.无序列表用于整齐对齐、与顺序无关的模块。由两组标签组合使用不可单独使用语法ulli爸爸/lili妈妈/li/ulli的数量是没有限制的ul li都是块级元素展示效果2.有序列表了解即可olli1.看视频/lili2.写代码/lili3.做笔记/li/ol3.描述列表3组标签dldt家电/dtdd电视/dddd冰箱/dddd空调/dddldt与dd的内容默认缩进dl里面只能包含dt(通常左对齐加粗)和dd通常缩进元素一个dt可以对应多个dddd可以放其他元素15.表格标签表格只适用于数据展示至于布局排版还是要用网页结构标签th与td的区别th会加粗且字垂直水平居中td不会表格结构标签语义标签无实意只是让结构更加清晰合并单元格合并区域的“起始单元格”要选在左上角16.表单用于用户输入数据并将数据提交到后端进行处理。适用范围用户登录注册搜索框联系表单问卷调查订单支付文件上传。1.2.表单容器2.表单控件2.1输入标签input可以创建文本输入框、密码框、单选框、复选框。type属性定义了输入框的类型input typetext单行文本框只能输入一行name就是表单的名字maxlength比如密码最多六位数验证码只能四个maxlength6accesskey快速把光标定到某个文本框或搜索框windows系统中使用AltS键accesskeysname实现分组效果下面的例子radio代表单选name代表是同一组别实现了选女男不亮反之亦然input typeradio namegender女input typeradio name-gender男文件域默认只能选一个accept后面的文件类型要写点加文件类型eg:.exe,.ziptype可选2.2多行文本输入框文本域textarea:适用于允许用户输入大量自由格式文本的场景如评论或反馈表单row和col不是只能写这些而是一次只能显示这些可见区域超出就要有滚动条了2.3 select下拉选择框2.4button按钮当没有输入时按钮禁用用disabled实现无触发机制只能一直禁用当点击登录后代码写的name后面的具体名称就会出现在上面的搜索框中如username。password等17.辅助标签-labellabel只是一个标签把你想点击的内容用label包起来就可意了方法一for和id关联label fornan男/labelinput typeradio idnan namesex方法二直接用label标签包围你想点击的范围label男input typeradio namesex/label18.字符实体主要用 gtlt空格nbsp代码nbsp;18.示例总结