今天是我第一天的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
注:背景图片的优先级大于背景色!
<!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
注:背景图片的优先级大于背景色!