html-菜鸟--书架&仿饿了么首页—Html学习(1)

  • 1.html: 超文本标记语言
版本说明

  
    头部信息不直接显示,主要给浏览器和搜索引擎
  
  
    网页的主要内容
  

  • 3.标签的选择只从功能入手,不要从效果入手
  • 4.标题标签 h1-h6
  • 5.超链接a
    属性:
    href=“地址” 指定链接地址
    注意在地址里也可以写 javascript:脚本代码
  • 6.div区域 本身不显示,主要用来分块,它的特点就是如果没有设置样式,那它默认是独占一行
  • 7.span 只是它不换行
  • 8.img图片标签
  • 9.列表标签
    ul ol
    他们还要和li标签来组合,每一个列表项就是一个li
  • 10.样式:
         1、直接在标签上写样式,使用style="" 属性来写
         2、在style标签里写样式
    选择器{
    样式的属性:值;
    }
    选择器就是用来选择标签的
    第一种 标签选择器
    第二种 类选择器,在标签上用class=“类名” 可以同时有多个

###例子1.一个嵌套书架
html-菜鸟--书架&仿饿了么首页—Html学习(1)_第1张图片




	
	
    
    
    
    
    
    
    
    
    
    
    
    
  
    
    
    
    
    
  
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	
	


	
我的书架
小说阅读器
在线搜索

###例子2.仿饿了么首页
html-菜鸟--书架&仿饿了么首页—Html学习(1)_第2张图片




	
	
	


	
蒲昌路

个人中心

登录可享更多特权

  • 我要订餐
  • 我要订餐
  • 我要订餐
  • 我要订餐
  • 我要订餐

你可能感兴趣的:(html)