【博学谷学习记录】超强总结,用心分享|前端开发基础知识总结(html基础)

HTML:超文本标记语言.

HTML标签:由双标签和单标签组成. 

                标签的属性:1.写在开始标签内部;2.标签上可以存在多个属性;3.标签名与属性之间用空格隔开;4.属性之间没有顺序之分.

                标签的关系:嵌套关系;并列关系.

排版系列标签:

        h系列标签:标题标签.

                        h1~h6:文字加粗,文本逐渐变小,独占一行.一般只用于新闻的标题或者网页的logo.

        p标签:段落标签.

                        段落之间有间隙,独占一行.

        hr标签:水平线标签.

                       单标签, 在网页中显示一条水平直线.

        br标签:换行标签

                       单标签, 强制换行.

文本格式化标签:标签语义化

                        b:加粗;u:下划线;i:倾斜;s:删除线

                        strong:加粗;ins:下划线;em:倾斜;del:删除线;(语义更强,推荐使用)

媒体标签:

        img标签:图片标签

                        src:图片路径;alt:当图片加载失败时,显示的替换文字;title:鼠标悬停时,显示的图片标题;width/height:只设置一个,图片等比缩放,一般只设置一个,防止图片变形.

                        路径:相对路径(同级;下级./;上级../)绝对路径(盘符路径;链接路径https).

        audio标签:音频标签

                        src:路径;controls:显示播放的控件;autoplay:自动播放;loop:循环播放.

        video标签:视频标签

                        src:路径;controls:显示播放的控件;autoplay:自动播放;loop:循环播放.

链接标签:<a href="#"> 空链接</a>              

                        href:跳转路径;target:跳转方式(_self当前窗口跳转,原网页不在;_blank新窗口跳转)  ;#空链接                     

列表标签

       无序列表:ul>li;每一项默认有个小圆点(list-style:none去除);每一项没有顺序；ul只能放li标签,li标签可以放任意标签.

        有序列表:ol>li;每一项默认有序号(list-style:none去除);每一项都是有顺序的;ol标签只能放li标签,li标签可以放任意标签.

        自定义列表:dl>dt(标题)/dd(每一项) :dl标签只能放dt或者dd标签,dt标签和dd标签可以放任意标签.

表格        

        table>tr(每一行)||caption(表格整体的大标题)>td(每一个单元格)||th(表格一列的小标题)

                合并单元格:左上原则进行保留数据:rowspan="跨行合并的个数";colspan="跨列合并的个数"

表单标签

         input标签:value:用户数据;name:内容含义;

                        type属性:text(文本框):placeholder:占位符.

                                        password(密码框):

                                        radio(单选框):checked默认选中

                                        checkbox(复选框):checked默认选中

                                        file(文件选择框):multiple多文件选择

                                        表单按钮:submit(提交);reset(重置);button(普通按钮),使用功能需form标签把表单标签包裹起来使用.

        button标签:submit(提交);reset(重置);button(普通按钮).

        select:下拉菜单select>option;selected默认选中.

        textarea:文本域标签

        label标签:绑定文本与表单标签的关系.直接用label标签把文本与表单包裹起来删除for属性

语义化标签:没有语义的布局标签

        div:独占一行,高度由内容撑开

        span:宽度高度都由内容撑开,不独占一行.

字符实体:避免空格合并

        &nbsp(空格);&gt(大于号);&lt(小于号)