![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发之初级部分
谁对谁错重要吗
只有坚持不懈的努力,才能换来更广阔的天空,一起加油
展开
-
Html5之footer元素
打卡第四天footer元素简介:Footer元素可以作为其上层父级内容区块或是一个根区块的脚注。Footer通常包括其相关区块的脚注信息。代码参考:<header> <h1>整个页面的头部</h1></header><article> <header> <...原创 2019-05-20 14:19:41 · 712 阅读 · 0 评论 -
Html5之formenctype属性
Html5之formenctype属性的简介:Html5中,可以使用formenctype属性对表单元素分别指定不同的编码方式。代码参考:<!--三种方式--><input type="button" formenctype="text/plain"><input type="button" formenctype="multipart/...原创 2019-05-22 14:41:42 · 444 阅读 · 0 评论 -
Html5之formtarget属性
Html5之formtarget属性的简介:在Html5中,可以对多个提交按钮分别使用formtarget属性来指定提交后在何处打开所需要加载的页面。代码参考:<form> <input type="submit" formtarget="_blank" formaction="https://www.baidu.com/"> <!--...原创 2019-05-22 14:43:13 · 1060 阅读 · 0 评论 -
Html5之autofocus属性
Html5之autofocus属性的简介:为文本框、选择框或按钮控件加上autofocus属性,当画面打开时,该控件自动获得光标焦点。代码参考:<form> <!--自动获取焦点--> <input type="text" autofocus> </form>...原创 2019-05-22 14:44:39 · 3727 阅读 · 3 评论 -
Html5之aside元素
打卡第三天aside元素简介:Aside原始用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条。以及其他类似的有区别于主要内容的部分。代码参考:<header> <h1>主标题</h1> <aside> <p>主标题的描述</p...原创 2019-05-17 12:46:11 · 405 阅读 · 0 评论 -
Html5之time元素
Time元素的使用,代码参考:<article> <header> <h2>博主喜欢打射手</h2> </header> <p> 获取初级称号时间:<time datatime="2019-4-17">2019-4-17</time>&l...原创 2019-05-17 12:47:22 · 553 阅读 · 0 评论 -
Html5之header元素
header元素简介:Header元素是一种具有引导和导航左右的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,可以包含其他内容。代码参考:<!--可以放在页面布局--><header> <h1>整个页面的头部</h1></header><!--可以放在控件布局--><a...原创 2019-05-17 12:50:15 · 550 阅读 · 0 评论 -
Html中form表格相关知识
<!-- cellspacing 单元格和单元格之间的距离 --> <!-- cellpadding 单元格内容距离单元边框的距离 --> colspan 合并列Rowspan 合并行合并规则:1. 先确认跨列合并 colspan2. 先上后下 先左右后3. 删除的个数 ...原创 2019-05-27 16:45:12 · 104 阅读 · 0 评论 -
Html样式相关
1.text的样式/*text-decoration: none; 取消装饰*//*text-decoration: underline; 下划线*//*text-decoration: overline; 上划线*//*text-decoration: line-through; 删除线*/ font-family: "宋体";background-image: url(imag...原创 2019-05-27 16:46:10 · 94 阅读 · 0 评论 -
Html5之required属性
Html5之required属性简介Html5中新增的required属性可以应用在大多数输入元素上,在提交时。如果元素中内容为空白,则不允许提交,同事在浏览器中显示信息提示文字。代码参考:<form> <input type="text" required> <input type="submit" value="...原创 2019-05-23 17:05:52 · 4083 阅读 · 0 评论 -
Html5之placeholder属性
Html5之placeholder属性简介:Placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字。代码参考:<form> <input type="text" placeholder="这是文本的提示"> </form>...原创 2019-05-23 17:07:32 · 623 阅读 · 0 评论 -
Html5之list属性
Html5之list属性简介:在Html5中,为单行文本框增加了一个list属性,该属性的值为某个datalist元素的id。Datalist元素也是Html5中新增的元素,该元素类似于选择框,当文本框获得焦点时以提示输入的方式显示。代码参考:<form> <input type="text" list="datalistid"> ...原创 2019-05-23 17:08:39 · 1569 阅读 · 0 评论 -
Html5之formmethod属性
Html5之formmethod属性的简介:Html5中,可以使用formthod属性来对每一个表单元素分别指定不同的提交方法代码参考:<!--以前的写法--><form action="提交的地址" method="get"> <button type="submit">提交</button></form>...原创 2019-05-21 17:16:43 · 1134 阅读 · 0 评论 -
Html5之formaction属性
Html5之formaction属性的简介:Html5中,可以为所有的提交按钮,增加不同的formaction属性,使他点击不用的按钮时可以将表单提交到不同的页面。代码参考:<!--原来的写法--><form action="加上地址"> <button type="submit">提交</button></fo...原创 2019-05-21 17:15:33 · 2800 阅读 · 0 评论 -
Html5之form属性
Html5之form属性简介:Html5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定的表单。代码参考:<!--之前的写法--><form id="form1"> <button type="submit">btn1</button></...原创 2019-05-21 17:14:06 · 559 阅读 · 0 评论 -
Html5之hgroup元素
Html5之hgroup元素简介:Hgroup元素是将标题及其子标题进行分组的元素。Hgroup元素通常会将h1-h6元素进行分组,譬如一个内容区块的标题及其子元素算一组。代码参考:<header> <hgroup> <h1>页面主标题</h1> <h2>页面子标题</h2...原创 2019-05-20 14:21:03 · 749 阅读 · 0 评论 -
Html5之address元素
Html5之address元素简介:Address元素用来在文档中呈现联系信息,包括作者、电子邮箱、地址、号码等代码参考:<address> <a>作者</a> <a href="#">电子邮箱</a> <a href="#">电话</a></address>...原创 2019-05-20 14:22:54 · 468 阅读 · 0 评论 -
感言
技术回顾一下: 从事过java开发,参与过Jsp+servlet的开发,随着框架的应用越来越广泛,逐步的使用框架进行开发。 曾使用过SSH框架(Struts+Spring+Hibernate)开发过项目,后来又使用SSM(Spring+SpringMVC+mybatis)框架开发项 目,有了微服务,又使用Maven+Springboot+mybatis...原创 2019-05-15 16:00:41 · 157 阅读 · 0 评论 -
Html5和Html4的区别?
打卡第一天。1.区别Html4对于有些浏览器是不兼容的,Html5是想要把目前Web上存在的各种问题解决掉。Html4与Html5的区别:Html4,Web浏览器之间的兼容性很低。Html5,IE9以上、Goole、苹果、Opera、Mozilla是支持兼容的。Html4文档结构是不够明确的,而Html5则不同。Html4,Web应用程序的功能受到了限制,比如不能...原创 2019-05-15 16:36:55 · 2446 阅读 · 0 评论 -
Html5的全局属性
1.contentEditable属性如果添加了这个属性,为true的话,选中的内容是可以编辑的 fasle不可以编辑。<p contenteditable>测试contentEditable属性</p>2.designMode属性描述:用来指定整个页面是否可编辑作用:1.当页面调用on时候,页面上所有添加contentEditable属性为...原创 2019-05-15 16:39:19 · 161 阅读 · 0 评论 -
Html中的特殊标签
<b>和<strong> 加粗<i>和<em> 倾斜<s>和<del> 这种格式 原价: 1888<u>和<ins> 这种格式 特殊说明原创 2019-05-24 14:59:22 · 302 阅读 · 0 评论 -
Html中特殊字符
< 代表<> 代表>  代表空格¥ 代表¥&em 代表[]原创 2019-05-24 14:59:58 · 203 阅读 · 0 评论 -
Html中无序列表
<ul> <li>狄仁杰</li> <li>鲁班7号</li> <li>后羿</li> <li>虞姬</li> <li> <div>公孙离</div> <span></span> </li&g...原创 2019-05-24 15:02:42 · 461 阅读 · 0 评论 -
Html5之article元素
打卡第二天article元素简介:Article元素代表文档、页面或者应用程序中独立的、完整的、可以独自被外部引用的内容。Article允许被嵌套、也可以表示插件。代码参考:<!--测试Article允许被嵌套--><article> <header> <ul> &l...原创 2019-05-16 14:43:29 · 915 阅读 · 0 评论 -
Html5之section元素
section元素简介:Section元素用于对网站或应用程序中页面上的内容进行分开,它必须有标题,如果需要定义样式的话,那么必须使用div元素。Section元素的使用注意事项:1.不要将section元素作为设置样式的页面容器。2.如果article、aside、nav元素更符合使用条件,就不使用section元素。3.没有标题内容,不能使用section元素。...原创 2019-05-16 14:45:45 · 1336 阅读 · 0 评论 -
Html5之nav元素
nav元素简介:Nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或者当前页面的其他部分。Nav元素应用场景:1.传统导航条2.侧边栏导航3.页内导航4.翻页操作注意事项:在html5中不能使用menu元素代替nav元素。代码参考:<nav> <ul> <li...原创 2019-05-16 14:47:46 · 1471 阅读 · 0 评论 -
html盒子相关属性
html盒子相关属性text-align: center; /*可以让盒子内容(文字 行内元素 行内块元素)居中对齐*/ /* margin: 0 auto; 通俗写法 0 auto 上下是 0 左右是auto 自动 水平居中对齐 *//* margin-left: auto;margin-right: auto; 自动充满*//* margin: auto; 上下左右都是a...原创 2019-05-29 14:14:18 · 908 阅读 · 0 评论