前言: 感觉前端知识有点杂, 不记笔记,不写博客挺难搞定~~

可谓是千呼万唤屎出来啊~~

上次简单地学了HTML和CSS, 然后整理写了两篇博客【前端】:HTML各【前端】:CSS;

12号的晚上就开始做美乐乐的界面;刚开始真的是一脸懵逼,心里骂了N次:我擦,太难了~

一个晚上,也就做出下图的界面:

13号一整天都在做,当然也有去散散步,斗地主,陪我老爸老妈聊天~

期间也遇到一些没学到的知识(我写的两篇博客中没有的),比如:a标签如何去掉下划线,如何加粗~~

当然也遇到至今还没解决的BUG, 在原网站右下角其实是一个表格:

对比一下就知道我做的没有边框,其实我有加边框的!! 只是加完之后发现是表格最外层的边框!!而表格里面的边框也试过一些方法,搞来搞去还是搞不出来~~

最后的成品(一张图截不完,分为两张截):

做出一个看起来还像点样子的界面,那个开心呀,很有成就感~~

这个界面基本所有超链接点击后是跳转到我的博客界面(我设置的),我自己也知道还有一些连我自己都"害怕"的BUG, 我的态度是忽略,先放过。

前端只学了基本的HTML和CSS,通过做这次的美乐乐界面深感还有好多好多我不懂的.继续学前端, Fight!!

转载于:https://www.cnblogs.com/0zcl/p/6397030.html

【前端】:我的第一个网页相关推荐

  1. 【融职培训】Web前端学习 第2章 网页重构1 第一个网页

    一.内容概述 从本节我们开始正式学习前端开发的课程内容,首先我们从第一个网页开始了解html和css的基本概念,并通过创建第一个网页了解vscode的基本使用方法. 二.安装vscode插件 汉化插件 ...

  2. web开发——前端基础(1)—— 第一个网页的展示

    HTML第一个网页的制作 首先先展示第一个网页的效果图,如下: 接下来上代码图: <html><head><title>这是我第一个网页</title> ...

  3. html基础-html简介-第一个网页(1)

    今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助. 一.先来为大家简单普及以下html (1).html英文即:hypertext markup language ...

  4. html:(2):制作第一个网页和html和css的关系

    在<h1>和</h1>标签之间,输入Hello World 字符串. <!DOCTYPE HTML> <html><head><met ...

  5. 『HTMLCSS』第一个网页

    根据W3C标准,一个网页主要由三个部分组成:结构(HTML).表现(CSS)和行为(JavaScript). 前端三剑客 根据W3C标准,一个网页主要由三个部分组成:结构.表现和行为. 结构:HTML ...

  6. 【融职培训】Web前端学习 第2章 网页重构2 常用的html标签

    一.HTML语法 上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法. 1 <!DOCTYPE html> <!-- 文档声明 --> ...

  7. 前端对接微信公众号网页开发流程,JSSDK使用

    前面两篇文章讲解了前端对接微信公众号网页开发流程,前期配置 和 前端对接微信公众号网页开发流程,授权对接,本篇文章讲解关于微信JSSDK的使用,官方文档地址 一.通过 config 接口注入权限验证配 ...

  8. 前端基础知识第一章---HTML

    前言 ❤️ 天空黑暗到一定程度,星辰就会熠熠生辉 ❤️ 前端基础知识第一章---HTML 一.HTML 简介 (1)网页 1.1 什么是网页 1.2 什么是 HTML (2)常用浏览器 2.1 常用的 ...

  9. web前端大三实训网页设计:餐饮网站设计——烧烤美食山庄(7个页面) HTML+CSS+JavaScript

    web前端大三实训网页设计:餐饮网站设计--烧烤美食山庄(7个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

  10. 宠物狗站点html,宠物狗个性化服务网站前端设计与实现(静态网页)(HTML5,DIV+CSS)

    宠物狗个性化服务网站前端设计与实现(静态网页)(HTML5,DIV+CSS)(论文11000字,网页代码) 摘 要 本设计将对宠物狗个性化服务网站前端设计开发与实现进行研究和探讨.借助网页设计与制作语 ...

最新文章

  1. html5 键盘触发事件
  2. 心路历程(五)-find work and find house
  3. Python的GUI框架PySide
  4. STM32:UART中的硬件流控RTS与CTS
  5. 配置多台计算机之间ssh无密码登录的一种简便方法
  6. 调用微信接口方法说明--JS-SDK
  7. 关于PPT配色的小技巧
  8. window10笔记本插上耳机音量只能35
  9. P2342 叠积木 并查集
  10. https安全证书过期的原因
  11. 新遇到的问题 , 进程退出代码是 '0xffffffff'
  12. rainbow与freda染旗
  13. vba不能提取服务器上文件名,从全路径文件名中获取文件名(不含路径)
  14. Java中append方法和add方法的区别
  15. python人机交互界面设计_[译]学习IPython进行交互式计算和数据可视化(五)
  16. 验证码研究入门必读(验证码是什么,有什么用,分类,设计,破解,未来发展)
  17. 陕西美食羊肉泡馍,舌尖上的美感
  18. SQL Server 数据库中将数据表中的数据转化为Insert 语句
  19. unity代码混淆及帧同步服务器、常用软件记录
  20. 基于JavaWeb的旅游信息管理系统设计与实现

热门文章

  1. Oracle系统中表外键的更名
  2. java 蓝桥杯 石子游戏(题解)
  3. c++ sort 从大到小排序_C语言必学的12个排序算法:堆排序(第7篇)
  4. testng 定时构建_10自动化测试_持续集成篇
  5. 防火墙高可用性(HA)
  6. (85)FPGA约束有哪些-面试必问(九)(第17天)
  7. (34)FPGA原语设计(BUFGMUX)
  8. viper4android 脉冲样本,【图片】大福利,ViPER4Android FX音效及超过200个精选脉冲样本(转)【华为荣耀3x畅玩版吧】_百度贴吧...
  9. 2.STM32F407ZGT6 学习笔记-移植 FreeRTOS
  10. STM32 影子寄存器