HTML+CSS基础入门

课程导师

king. king.
三年执教经验与多年开发经验,曾在北京外企Fesco负责公司电商平台开发,某大型手游公司负责服务器端编程,对大型电子商务网站和企业信息化管理有着丰富的经验,喜欢互联网,热爱各种新奇技术。 个人博客:http://phpfamily.org,欢迎大驾光临哈(*^__^*) 嘻嘻
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
26.实战项目(网页头部及搜索框的制作)
离线学习

下载APP离线观看

技能补充更多
  • Javascript基础入门
    Javascript基础入门

    Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

  • Photoshop切片
    Photoshop切片

    Photoshop切片是web前端开发常用技术之一,本章将由麦子学院资深web前端工程师为你讲解ps切片的基本操作、技巧及要点,让你快速入门Photoshop切片。

  • Python语言编程基础
    Python语言编程基础

    Python是一种面向对象、解释型计算机程序设计语言,语法简洁而清晰,具有丰富和强大的类库。本章Python编程基础的视频教程,为现目前国内最全面的Python视频教程之一,由麦子学院资深Python工程师录制,主要围绕Python编程实战方方面面展开。

  • Javascript初步
    Javascript初步

    javascript是一种动态类型、弱类型、基于原型的语言,广泛应用于客户端,而在Python中,JavaScript是 web前端开发不可或缺的一个技术,本章主要是麦子学院资深web前端开发工程师通过系统讲解js的语法、对象、函数、变量及其的使用等等,让零基础学员迅速入门。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • 2519255377 3个月前

    老师,你好!为什么我写出来点击搜索的时候,搜索框会出现一个蓝色的框呢?

    • 查看大图
  • sa_lvia 4个月前

    我直接设定top span{marfin-right:15px;}导航右边的日期和天气的间距也变化了。这和设定mr_0有什么不同吗?

    提问于 12:05
  • 18815274214 5个月前

    回复13370120434:我也找不到,请问你是在哪里找到的呢

  • 18515096999 5个月前

    wrap

  • 18515096999 5个月前

    这个用的什么开发工具?名字叫啥

  • 18788635540 6个月前

    我输入微软雅黑四个字的时候为什么不提示 反而报错呢 都是跟着你做的

    提问于 10:12
  • 1947945207 7个月前

    最后一堂课的回到顶部小工具我看老师有用<ul><li>实现,但是我自己实在是想不出来怎么用<ul><li>实现出来

    提问于 00:00
  • 617232772 7个月前

    感觉这节课,老师没有好好准备啊,中间好多错,没有之前的逻辑流畅

    提问于 00:00
  • 421770882 7个月前

    按照老师的步骤做的,为什么不能在一行显示。用的是Mac,审查代码时也无法和老师的同步。

    • 查看大图
    提问于 00:00
  • 1987058889 8个月前

    老师 我按照您的做的 可是 input之间有空隙

    • 查看大图
    提问于 19:54
  • 15738339233 8个月前

    回复13370120434:课件在哪里啊?

  • 15629126178 8个月前

    以前将元素放在一行都是用position,今天学会了float,但是为什么我的logo仍然没有和搜索框和电话在一行,只有搜索框和电话在一行,logo再另一行,我每个都有设置的

    提问于 24:59

    15629126178 回复 15629126178 8个月前

    已经解决,谢谢

    421770882 回复 15629126178 7个月前

    求教

  • haoqing128 8个月前

    老师ie7ie8都显示不了搜索那一部分,其他的浏览器正常,是什么原因呢?

    • 查看大图
    提问于 26:57
  • 13370120434 8个月前

    原来有课件,找到了

    提问于 02:53

    15738339233 8个月前

    回复13370120434:课件在哪里啊?

  • 13370120434 8个月前

    老师您好我是Anne,老师您课程里的麦子学院网站素材哪里能下载到啊,我想拿来练习哪。

    提问于 02:53

    18815274214 5个月前

    回复13370120434:我也找不到,请问你是在哪里找到的呢

  • 17638733201 9个月前

    回复Shelly1:一个是高度一个是行高 两个一起写是垂直居中

  • Shelly1 10个月前

    line-height 与height 的用法有什么不一样

    提问于 17:51

    17638733201 9个月前

    回复Shelly1:一个是高度一个是行高 两个一起写是垂直居中

  • 6的飞起 10个月前

    我的IE7和IE8出现这样的情况是什么问题呢

    • 查看大图
  • 18772983207 1年前

    你好,老师td 添加背景图,无法显示啊,就是搜索框左边部分的,求解

    提问于 00:00
  • 18772983207 1年前

    居中怎么是放在头部啊,应该是内容居中啊,谢谢老师指点

    提问于 04:36
加载更多↓
  • 学习HTML

    HTML教程

    本课程适用对象1.对网页制作感兴趣的同学。2.网站维护人员、管理人员。 需要掌握部分掌握HTML的全部语法,他的主体结构,超链接及常用标记使用!学习内容1、HTML的语法(主要讲解HTML语法格式、文档注释、代码格式)2、HTML的基本机构(主要讲解的标记<html><head><title><bo...

  • 学习HTML

    HTML语法

    什么是HTML标记语言表示网页信息的符号标记语言 HTML的特点1.可以设置文本的格式,比如标题、字号、文本颜色、段落等等2.可以创建列表(例如打开百度,我们可以看到这样的列表)   3.可以插入图像和媒体(例如百度首页我们也可以看到图片)  4.可以建立表格5.超链接,可以使用鼠标点击超链接来实现...

  • 学习HTML

    HTML结构

    <html>内容</html>解释:HTML文档的文档标记,也称为HTML开始标记功能: 这对标记分别位于网页的最前端和最后端<html>在最前端表示网页的开始</html>在最后端表示网页的结束<head>内容</head>解释:HTML文件头标记,也称为HTML头信息开始标记功能:用来包含文件的...

  • 学习HTML

    HTML格式标记

    <br>强制换行标记:让后面的文字、图片、表格等等,显示在下一行。例:<html><head><title>第三节课</title><meta charset=”UTF-8”></head><body>麦子学院!<br/>非常棒的在线IT培训!</body></html>执行结果:   <p>换段落...

  • 学习HTML

    HTML文本标记

    文本标记分类1.hn---标题标记:共有6个级别,n的范围1~6,不同级别对应显示大小不同的标题,h1最大,h6最小2.font---字体设置标记:设置字体的格式三个常用属性1.size(字体大小)<font size="14px">2.color(颜色)<font color="red">3.fa...

  • 学习HTML

    HTML img标签

    <img>标记的使用方法<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值"><img>标记的属性src属性作用指定我们要加载的图片的路径和图片的名称以及图片格式width属性作用指定图片的宽度,单位px、em、...

  • 学习HTML

    HTML超链接

    基本语法<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>属性href属性链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等target属性(1)作用定义超链接的打开方式(2)属性值_blank:在一个新的窗口中打开链接_se...

  • 学习HTML

    HTML表格

    案例展示用HTML语言建立的表格     简单的网页布局     <table>标记基本格式<table 属性1="属性值1" 属性2="属性值2" ... ... >表格内容</table>例子:<html><head><title>表格</title><meta charset=”UTF-8”>...

  • 学习HTML

    HTML表格案例

    源码展示<html><head><title>实战网页布局</title><meta charset=”utf-8”></head><body topmargin=”0”><table border=”0” width=”960” align=”center” cellspacing=”0” cel...

  • 学习HTML

    HTML框架

    什么是框架框架将浏览器划分成不同的部分,每一部分加载不同的网页,实现在同一浏览器窗口中加载多个页面的效果<frameset>划分框架标记语法格式<frameset>....</frameset>属性1.cols使用“像素数”和%分割左右窗口,“*”表示剩余部分如果使用“*”,“*”表示框架平均分成2...

  • 学习HTML

    HTML框架案例

    源码展示<html><head><title>HTML框架</title><meta charset="utf-8"></head><frameset rows="90,*,90" frameborder="1" border="1" noresize="noresize"><frame name=...

  • 学习HTML

    HTML表单设计

    表单标记<form>...</form><form></form>定义表单的开始位置和结束位置,表单提交时的内容就是<form>表单中的内容基本格式<form action="服务器端地址(接受表单内容的地址)" name="表单名称" method="post|get">...</form>常用属...

  • 学习HTML

    HTML表单设计案例

    会员登录表单代码<html>      <head>      <title>表单设计</title>      <meta charset="utf-8">      </head>      <body>      <form>      账号:<input type="text"...

  • html+css课程资料

    html+css课程资料

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有一个双11钜惠红包未领取

客服热线 400-862-8862

回到顶部