HTML5
个人学习HTML过程含5
407指导员
世事漫随流水,算来一梦浮生。
展开
-
Label/option/textarea/select/opgroup/datalist标签
Label标签(不是lable 千万注意)默认情况下提示文字和输入框没有联系,也就是点提示文字不会聚焦到对应的输入框。如果在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。显式<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /&原创 2020-11-02 00:38:36 · 977 阅读 · 1 评论 -
div和span标签以及标签分类
div标签什么是div标签作用:一般用于配合css完成网页基本布局。span标签什么是span标签作用:一般用于配合css修改网页中的一一些局部信息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div和span标签</title> <style> .conter {原创 2020-10-28 19:18:27 · 25367 阅读 · 1 评论 -
列表标签
列表标签无序列表(unordered list)格式: 就是英文首字母的缩写.<ul> <li>...........</li></ul>注意:标签与标签一起出现,标签里尽量不要包括其他标签只包含li标签.它是用来添加列表语义而非小圆点的。如果想要界面更加复杂,li标签内可以添加其他标签。应用场景:1.新闻列表2.商品信息3.导航条(调整方向,大小,宽度通过css)快速生成ul与li标签快捷键:ul>li*n,n代原创 2020-10-19 16:59:30 · 98 阅读 · 0 评论 -
字符实体加废弃标签
废弃的标签<!--html用来修改语义,而一些没有语义的标签和修改样式的标签就要被淘汰<hr> <br> <font> <b>加粗 <u>下划线 <i>斜体 <s>删除线在企业开发中千万不要使用废弃标签,如果一定要使用,一般是用来做css的钩子推出新的标签替代strong ==bins ==uem ==idel ==s--><b>我是b</b><u原创 2020-10-16 22:54:42 · 126 阅读 · 0 评论 -
details标签,summary标签以及marquee标签
details标签和summary标签(5)details标签用于描述文档或文档某个部分的细节。提示:与 summary标签配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。summary 标签包含 details 元素的标题,“details” 元素用于描述有关文档或文档片段的详细信息。summary标签后写详细信息。默认只显示标题,点击后显示详细信息。用于节约空间,网页太长体验不好。<details> <summary&原创 2020-10-16 17:25:48 · 1876 阅读 · 0 评论 -
H5标签之video标签和audio标签
HTML5中的新标签video标签(5)定义视频,比如电影片段或其他视频流。格式:提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。<video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video>属性属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。controlscontrols原创 2020-10-16 16:31:54 · 1609 阅读 · 0 评论 -
Form表单之input标记
表单form专门用于收集不同类型的用户输入。表单其实还是HTML中的一些标签,在浏览器中所有表单标签都有特殊的外观和默认功能。格式:表单元素name属性(规定表单名称)method属性(规定如何发送表单数据)表单数据可以作为 URL 变量(method=“get”)或者 HTTP post (method=“post”)的方式来发送。get方法采用 GET 方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action UR原创 2020-10-13 14:02:08 · 863 阅读 · 0 评论 -
表格其他属性(选学)+合并单元格
th标签专门存储第一列标题的标签,自动居中且加粗。表格的结构(了解就好)由于表格存储数据比较复杂,为了方便管理和阅读以及提升语义,我们对表格中存储的数据进行了分类如果我们指定了thead和tfoot,那么在需改整个表格高度时,thead和tfoot有自己默认高度,不会随着表格高度变化而变化。1.表格的标题<caption><h2>9月7日到13日运动运动排行榜</h2>caption标签caption 标签必须紧随 table 标签之后,否则无效。只能对原创 2020-10-11 17:35:24 · 942 阅读 · 1 评论 -
HTML表格属性了解即可
表格标签的使用(了解,以后都是css改变表格形式)作用用来给一堆数据来添加表格语义。当数据非常大时,表格这种展现形式被认为是最清晰的y一种展现形式。格式:<table> <tr> <td></td> </tr></table>tr标签代表整个表格中的一行数据,就是说一对tr标签是表格中的一行。td标签代表表格中一行中的一个单元格。border边框属性默认为0,边框厚度为0,看不见.原创 2020-10-11 15:11:29 · 170 阅读 · 0 评论 -
webstrom个人快捷键
快捷键部分行注释:ctrl+/ 块注释: ctrl+shift+/ 格式化代码:ctrl+alt+L键盘创建文件快捷键: ctrl+alt+ins(insert) 笔记本要加一个fn补齐快捷键:tab(输入标签内容直接按,不用打<)删除行: ctrl+y 删除到词尾:ctrl+delete删除到词首: ctrl+backspace复制光标行(到下一行) :ctrl+d向左选中: shift+向左箭头查找替换: ctrl+r/f直接换行原创 2020-10-07 18:01:01 · 123 阅读 · 0 评论 -
HTML基础知识点一
H系列标签(标题)1.H1-H6给文本添加标题语义,被其包括后内容会独占一行。2.在企业开发中慎用H系列标签。一般情况下,一个界面只能出现一个H1标签。(与SEO有关)P标签1.段落标签独占一行。hr标签格式:< hr/> 斜杠写不写均可 浏览器上显示一条分割线,独占一行。img标签不会独占一行。src属性图片的位置相对路径:从.html所在文件夹开始寻找。不能跨盘符上级:图片在html文件上级目录时(父亲目录时),采用…/4.jpg形式,…/就是父目录的意思。原创 2020-10-07 17:55:48 · 244 阅读 · 0 评论