web前端--1.如何将图片放到网站左上角? 2.如何设置网站图标?

第一节课:
1.如何将图片放到网站左上角?
2.如何设置网站图标?
web前端--1.如何将图片放到网站左上角? 2.如何设置网站图标?_第1张图片


  //文档类型说明:HTML5
<html>   //标记HTML文档的开始,language为en或zh-cn,搜索引擎
	<head>  //头元素
		<meta charset="utf-8" />  //元数据,网页的编码方式:utf-8,gb2312,gbk,unicode
		<title>我的网页title>  //网页标题
	head>
	<body>          //网页主题
		我的第一个网页!嘿嘿!
		<h1>标题1h1>
		<h2>shiyuezhengh2>
		<h3>标题3h3>
		<h4>标题4h4>
		<h5>哈喽h5>
		
		
		
		
		<hr />   //画一条横线
		<p>我的第一个段落,
		用<span style="color: red;">Pspan>标签写的哈哈哈好好玩!     //span中间内容是想设置字体颜色的内容
		p>
		<p>我的第一个段落,<br />    //换行
			用  空格      //空格
			换行,
		p>
		
		<pre>我的第一个段落,保留原格式标签
		pre>-->
		
		
		
		<hr />
	    <h1><span style="color:red;">web前端开发span>h1>
	    <hr  />
	    <h3><span style="color:red;">HTMLspan>h3>
	    <p>HTML超文本标记语言,构建网页结构p>
	    <hr />
	    <h3><span style="color:red;">CSSspan>h3>
	    <p>CSS层叠样式表,构建网页样式p>
	    <hr />
	    <h3><span style="color:red;">javaScriptspan>h3>
	    <p>js脚本代码,构建网页行为构建网页行为p>
	body>
html>      //标记HTML文档的结束


Ctrl+?:进行注释,若选中内容再按,则将选中内容注释掉
hr+tab:会自动生成<hr><hr />
br:换行
ol:有序列表
b:加粗
del :删除键
li:列标签(和ol是配对的)
ol:    li*5+tab:会快速出来
			<li>高数li>
			<li>读写译li>
			<li>视听说li>
			<li>大学体育li>
			<li>C语言基础li>
h2*5+tab:快速出来
        <h1>标题1h1>
		<h2>shiyuezhengh2>
		<h3>标题3h3>
		<h4>标题4h4>
		<h5>哈喽h5>





<html>
	<head>
		<meta charset="UTF-8">
		<title>在河大的一天title>
		
		//更改网页图标样式
		<link rel="shortcut icon" href="img/rdn_523977a354b3b.jpg"> 
		
  		//百度的:
  		<link rel="icon" href="./mario.ico" type="image/x-icon"> 
  	
		//老师写的:..返回上级目录
		<link rel="shortcut icon" href="../img/mylogo.ico"/>
		
	head>
	<body>
		<div>
		<h2>在河大的一天h2>
		<hr width="80%" align="left" />
		
		
		//插入图片
		//px是像素,注意中间用等号,src是文件图片的位置
		
		<img src="img/rdn_523977a354b3b.jpg"  align="left" width="200px" alt="网络图片" title="图片示例"  />
		<p>早晨,当第一束阳光从窗外射进我的屋子时,新的一天便开始了,这
		是一个匆忙而愉快的一天,就这样开始了在晨<br />中,我们开始进行太极训练呼吸着新鲜的空气,我新
		的一天开始了!
		p>
		<br />
		<br />
		<br />
		<ol>
			<li>高数li>
			<li>读写译li>
			<li>视听说li>
			<li>大学体育li>
			<li>C语言基础li>
		
		ol>
		<b>在晚上回去的过程中看到了一些垃圾食品b>
		<br />
		<del>烤鱿鱼del>
		<del>烤面筋del>
		<del>串串香del>
		<del>香肠del>
	<p>这就是我在河大的一天,我在这里许下祝福,希望我们的明天会更好!p>
	<pre>
	☆★☆    ☆★☆   ☆★☆  ☆★☆
	☆  期 ☆☆ 待 ☆☆ 明 ☆☆天☆
	☆★☆■□■☆★◆◇◁♤♤☆□◆
	pre>
		div>
	body>
html>

你可能感兴趣的:(web前端--1.如何将图片放到网站左上角? 2.如何设置网站图标?)