day5_meta和img

来源：互联网发布：淘宝做床垫好做吗编辑：程序博客网时间：2024/06/02 06:09

meta标记的简单应用

先来一个编码发展
ASCII–>ASNI(GB2312,JIS)–>Unicode–>UTF-8

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

http=equiv:服务器通知浏览器用什么字符，显示内容
context=”text/html” 大类text文本文件下的html文件
charset =”设置的字符编码”

<meta http-equiv="refersh" content="3;http://www.baidu.com"/>

refresh 刷新，页面跳转应用：域名更换等。

name（keywords,description,author,copyright）;<meta name ="author" content="作者"/><meta name ="copyright" content="版权"/><meta name="keywords" content="关键字"（60-80字）/><meta name="description" content="介绍、描述的一句话（不超过200字）"/>

img标签

<img src="路径" width="宽px" height="高px" align="对齐方式" alt="替换的文本" vspace="数字" hspace="数字"/>

align属性值描述
left 把图像对齐到左边
right 把图像对齐到右边
middle 把图像与中央对齐
top 把图像与顶部对齐
bottom 把图像与底部对齐

ps：对图片的宽和高只设置一个，另一个就会自适应，可以缩小但不能放大（会失真）
ps:当图片不显示时，显示alt内容。并且图片不能居中，此处的middle也不是将图片水平居中。
空口说白瞎，来举个例子：
先举个align=“right”的，因为默认就是align=”left”一会儿咱们做个对比

<html> <head>  <title>img</title> </head> <body> <img src="d.jpg" height="200" align="right" alt="美女"/> agsdfgfdhgdjghfkjuykijkhfnvhhxvzcvazdsfaefdfgdsvsdfhgfhytdfg wadfacCXZSD个vdfghshfsgersfgsfgsfgsfdg是sfgfdsgsfdgsfdgsfsg </body></html>

这里写图片描述
再举个align=“left”的

<html> <head>  <title>img</title> </head> <body> <img src="d.jpg" height="200" align="left" alt="美女"/> agsdfgfdhgdjghfkjuykijkhfnvhhxvzcvazdsfaefdfgdsvsdfhgfhytdfg wadfacCXZSD个vdfghshfsgersfgsfgsfgsfdg是sfgfdsgsfdgsfdgsfsg </body></html>

这里写图片描述
好，然后咱们再举个align=“middle”的请注意看此时的照片和文字

<html> <head>  <title>img</title> </head> <body> <img src="d.jpg" height="200" align="middle" alt="美女"/> agsdfgfdhgdjghfkjuykijkhfnvhhxvzcvazdsfaefdfgdsvsdfhgfhytdfg wadfacCXZSD个vdfghshfsgersfgsfgsfgsfdg是sfgfdsgsfdgsfdgsfsg </body></html>

这里写图片描述
通过以上对比大家就知道align的属性了
然后还没完，咱们继续介绍
先介绍vspace=”数字”

<html> <head>  <title>img</title> </head> <body> <img src="d.jpg" height="200" align="left" alt="美女" vspace="20"/> agsdfgfdhgdjghfkjuykijkhfnvhhxvzcvazdsfaefdfgdsvsdfhgfhytdfg wadfacCXZSD个vdfghshfsgersfgsfgsfgsfdg是sfgfdsgsfdgsfdgsfsg </body></html>

这里写图片描述
稍等别急还有一个就告一段落了hspace=”数字”

<html> <head>  <title>img</title> </head> <body> <img src="d.jpg" height="200" align="left" alt="美女" hspace="20"/> agsdfgfdhgdjghfkjuykijkhfnvhhxvzcvazdsfaefdfgdsvsdfhgfhytdfg wadfacCXZSD个vdfghshfsgersfgsfgsfgsfdg是sfgfdsgsfdgsfdgsfsg </body></html>

这里写图片描述
不好意思最近没能及时上传，不过我也尽快会补上这几天的内容的，希望大家可以多多交流，和提提意见。

0 0