打卡第一天:复习完HTML

  • 工具:浏览器用Chrome,编辑器用大名鼎鼎的vscode,具体的下载使用就百度就可。说一下vscode用到的几个插件吧,Ayu可选择界面风格,Chinese可转中文,easy less对于css的编写有用,live server方便调试,还下载了code runner和oprn-in-browser。把谷歌设为默认浏览器,运行时可以右击 open with live server就可以打开页面,当修改时为ctrl+s,方便快捷,前端调试主要在页面右击检查就ok。

  • 具体内容。HTML主要是用各种的标签把一整个页面分割标记, HTML5主要使用了很多带有语义的标签代替的div。1,header和footer,页面的头部和尾部,不绝对指哪块,相对于你自己划分的部分页面。2,nav导航条,main为主要内容最好用一次,article指任一个独立的区域,section一般是一组相似内容的排列组合, aside 用于设置与主要区域无关的内容,如小贴士和一侧的广告等,div指通俗的容器。需指出建议用上述的标签,但是现在很多网站仍用div。3,文本。用p表示,pre可保留格式,br回车,strong强调,mark为马克笔。4,图片。建议大图jpg(jpeg),小图标png,动画gif,可把图片放在你的项目下的一个文件夹中,也可以放在百度云和阿里云等第三方工具中,记得引用好路径。5,链接,<a herf="",target="">,用来进行不同页面间跳转也可设锚点跳转到页面中的某个部分。target可控制是否在当前页面打开, _blank 新窗口打开 _self 当前窗口打开。6,表单,如登录时账号密码的提交。action属性与后台cotroller某个方法的一致,method可选择get或者set方法提交表单。表单中可放文本框,下拉列表,单选框,复选框等各种东西。可用input和button来进行提交表单。7,列表,ol-li为有序列表,ul-li为无序列表,可用css进行更多列表的设置。

  • 跟着后盾人复习的,这是我觉得的重点内容,需要更加详细的,可访问他们的官网,特此声明一下。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值