![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTM基础知识与案例练习
HTM基础知识与案例练习
A-莫天
一个不知名的程序员
展开
-
HTML+CSS构建移动登录界面
传统行业的商家十分重视门面的装饰,因为一个好的门面会使用户活跃度变的很高。在一个网站中,可以将用户登录视为“门面”,其设计的重要性不言而喻。本项目将带领读者实现一个用户登录页面。一、项目简介从图中可以看出,该界面包含用户名输入框、密码输入框,以及登录按钮。顶部是一个logo。二、HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title原创 2020-08-01 23:05:39 · 1487 阅读 · 0 评论 -
HTML+CSS搭建书城页面(css阴影,css渐变、font-awesome)
利用css盒阴影,css渐变、font-awesome,HTML定位流等css知识配合HTML和css的基础知识,完成书城界面的搭建。一、HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>黑马书城</title> <!--css代码--> <link rel="stylesheet"原创 2020-07-28 10:23:47 · 3558 阅读 · 14 评论 -
如何使你的网页图片在高分辨率屏幕下不会变模糊
一、前言在传统的网页制作过程中,涉及图标的情况大多用图片进行处理,图片有优势也有不足。例如,使用图片会增加总文件的大小和很多额外的“http 请求”,增大服务器的负担,并且大量图片下载需要时,增加用户的等待时间,牺牲用户体验。另外,图片通常都是矢量图,在移,动端高分辨率屏上会变得模糊,因此,有时候在“响应 式设计”中需要使用图标的最佳解决方案就是不去使用图片,而字体通常是矢量的,所以就解决了图片的缺点,即图标字体化。自定义图标字体是比较麻烦的,而font-awesome为用户准备了将近500个常用icon原创 2020-07-22 14:44:16 · 1652 阅读 · 0 评论 -
这些CSS标签选择器你不一定全都知道
一. 什么是标签选择器?1.作用: 根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性。2.格式标签名称 { 属性:值;}3.注意点:1)标签选择器选中的是当前界面中所有的的标签,而不能单独选中某一个标签。2)标签选择器无论标签藏得有多深都能选中3)只要是HTML中的标签就可以使用标签选择器(h/a/img/ul)二. 标签选择器之 id 选择器1.什么是id选择器 : 根据指定的id名称找到对应的标签,然后设置属性。2.格式# id名称{ 属性 :原创 2020-07-06 18:06:13 · 640 阅读 · 20 评论 -
用HTML+CSS实现TG-vision 主页制作
本次我们用HTML+CSS布局来对TG-vision 双晖传媒的主页进行一个初步的搭建。一.顶部logo及导航条1.HTML代码<!--顶部开始--><div class="topheader"> <!--双晖logo--> <div class="logo"> <img src="images/logo.jpg" alt=""> </div> <!--顶部导航条-->原创 2020-07-04 09:43:07 · 3265 阅读 · 19 评论 -
HTML+CSS实战-网页制作
在学习了HTML三个月后,终于进入了网页制作构建学习阶段,根据老师的作业要求,对以下网页进行了临摹构建。1.制作该网页的css代码如下:<style>div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0;}.header{ height: 165px; bac原创 2020-06-30 16:54:31 · 17718 阅读 · 9 评论 -
CSS文字文本属性详细讲解
一.CSS的作用及格式1.CSS的固定格式:<style type="text/css">标签名称{ 属性名称: 属性对应的值}</style>1.1 CSS的注释格式/*这是注释的内容*/1.2注意点: style标签必须写在head标签的开始标签和结束标签之间。设置样式时必须按照固定的格式来设置,key: value;其中:不能省略。;大多数情况下不能省略。2.使用CSS来修改样式有什么好处?1)不用记忆哪些属性属于哪个标签,2)当需求变更原创 2020-06-25 17:33:01 · 1180 阅读 · 0 评论 -
绝对都是干货---HTML表单标签详解
1.什么是表单?:专门用来收集用户的信息。2.什么是表单元素?:在HTML中,标签/标记/元素都是指HTML中的标签。表单元素其实还是HTML中的一些标签,只不过这些标签比较特殊。在游览器中所有的表单标签都有特殊的外观和默认的功能。3.表单的格式<form> <表单元素></form>4.常见的表单标签4.1 input标签:有一个type属性,这个属性有很多类型,取值的不同就决定了input标签的功能和外观。4.1.2 明文输入框格式:<原创 2020-06-09 22:47:10 · 410 阅读 · 0 评论 -
绝对都是干货---HTML 列表标签、表格标签详解
列表标签作用:给一堆数据列表语义,也就是告诉游览器这一堆数据是一个整体,一 . 无序标签(使用最多)1 . 作用:给一堆数据添加列表语义,并且这一堆数据都没有先后之分。2. 格式:<ul><li>需要显示的条目内容</li></ul>3 . 注意点:1.<ul>标签是用来添加语义的,而不是用来添加小圆点的。2.<ul>标签和<li>标签是一个组合,一般都是同时出现的。二 . 有序列表<ol>原创 2020-06-08 13:40:28 · 629 阅读 · 1 评论 -
绝对都是干货---HTML 基础常用标签总结
HTML基础及常用标签总结1一. 基本结构<html>:告诉游览器我是一个网页。 <head>:用于给网站添加一些配置信息。很多信息不给用户看,用来给游览器看。 <title> </title>:专门用于指定网站的标题。title标签必须写在head标签里面 </head> <body> 给用户看的内容。 </body></html>注意:一对html里面只有一对b原创 2020-06-08 11:47:11 · 466 阅读 · 0 评论