学习HTML+CSS的第一课笔记!

     今天是我第一天的O基础接触PHP课程的第一天,首先接触到的是HTML如何用软件或记事本写出网页的基本代码。每个代码的都有其作用,下面是我今天一天所学习到的内容!
<!doctype html>第一步声明很重要
<html>  </html><!--开始与结束标记-->
<head>  </head> <!--浏览器窗口位置。里面包括:语言编译,提供给搜索引擎用的关键字,网页描述,页面自动刷新时间设置,页面自动跳转功能等-->
<body></body> <!--主体。里面包括:文字,图像,背景颜色与图片,链接等-->
</html>


Meta 单一型,无设置值。在<head>头部里使用
以下是Meta 搭配不同语言的作用:


<meta charset="utf-8" /><!--语言翻译(utf-8,gbk,gb2312)-->
语言的编译:(1)在页面设置的时候(utf-8);(2)文件保存时 utf-8(在这两种步骤下,编码需保持一致)


<meta name="keywords" content="新奇,新闻,体育" /><!--(关键字)提供搜索引擎的-->


<meta name="description" content="" /><!--(描述)提供搜索引擎的-->


<meta http-equiv="refresh" content="3;url=http://www.baidu.com" /><!--页面自动刷新-->


<title>新浪首页</title> <!--网站的标题-->


<link rel="shortcut icon" href="1.ico" /> <!--网站的LOGO-->


body部分:
属性(特征):颜色
属性值:红色


颜色


(1)英文单词  red blue green


(2)十六进制(6个字) 0-9 a-f(A-F)  #00398F 


  #000 黑色 #000000  #112233-> #123




<body text="red" >


</body>


text="red":页面中所有字体的颜色为 red


bgcolor="pink"  页面背景色


background="图片路径" 页面背景图片


绝对路径(不推荐)


相对路径(参考点:当前页面的位置)


(1)同级 ./(图片与页面在同一个文件夹底下)
   
  ./sina.png 或 sina.png


(2)下级  / (图片存在某一文件夹底下)


  pic/2.jpg


 (3)上级  ../ (图片在页面的上一个文件夹里面)


   ../2.jpg




注:背景图片的优先级大于背景色!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值