新葡亰496net 新葡亰编程 img,a,锚链接,超链接

img,a,锚链接,超链接



原文:(可能是英文)

针对于小白!在初识HTMLCSS编写静态网页的时候,会有懵逼的状态,给一个整体网页,怎么下手呢?看下面:

1.图片标签:img,单标签

在 HTML 中 <title> 元素被设计来为以下几种情形提供一小段文字:

首先div的命名 : 可以显示出专业!🤔

图片属性:
新葡亰,src(source):
图片的来源(路径),可以放置本地图片,也可以放网上的图片的url地址

  • 窗口标题栏
  • 收藏夹(书签)列表
  • 搜索服务的结果列表

头部:header内容:content/containe尾部:footer导航:nav侧栏:sidebar栏目:column左、中、右:xx_leftxx_centerxx_right登录条:loginbar登录:login澳门葡亰娱乐场手机版,注册:register标志:logo广告:banner页面主体:main新葡亰496net,热点:hot新闻:news下载:download子导航:subnav菜单:menu搜索:search标签页:tab文章列表:list指南:guild状态:status合作伙伴:partner摘要:summary标题:title提示信息:msg图标:icon注释:note其他的自己体会……

title: 当鼠标停留在图片上的时候,显示提示的文字


看效果展示:

alt:当文件找不到的时候,显示提示文字

一个好的标题

澳门葡亰娱乐场手机版 1Snip20170711_13.png

width:宽度

要给你的网页一个好的标题。

代码展示:这里为了展示效果,所以CSS选取标签用的都是ID选取!<pre><!DOCTYPE
html><html><head><meta charset=”utf-8″
/><title></title>

height: 高度

不要太短

 <style type="text/css"> * { margin: 0; padding: 0; } #header { width: 480px; height: 50px; background: red; padding: 0 200px; } #nav { background: yellow; height: 50px; width: 100%; text-align: center; line-height: 50px; } #main { background: beige; width: 480px; height: 400px; padding: 0 200px; } #content_left { float: left; width: 30%; background: blue; height: 400px; text-align: center; } #content_right { float: right; width: 68%; background: blueviolet; height: 100%; text-align: center; } #footer { width: 480px; height: 100px; background: gray; padding: 0 200px; text-align: center; line-height: 100px; } </style> </head><body> <div > <div > 这个是设置导航栏 </div> </div> <div > <div > 这个是左边的内容区 </div> <div > 这个是右边的内容区 </div> </div> <div > 这个是底部内容 </div> </body>

2.路径:
绝对路径(一般不用):指的是文件在计算机里面的位置

“第一节”这样的字眼显示在搜索结果列表中不会给我们带来多大帮助,什么的第一节?好的做法是:
<title>现代音乐指南第一节</title>
或者更好的做法:<title>时间帧(现代音乐指南,第一节)</title>

</html>

相对路径(使用):用户工作目录开始的路径(路径的拼接使用/)

不要太长

</pre>

./:当前目录
../:跳出当前目录,到上一目录

这是因为大多数窗口标题、菜单等只显示 60 到 80
个字符;你可以在文档第一个标题处用以更详尽友好的标题,比如:<h1>第一节:现代音乐的起源,Musicwise?</h1>(作一个超链接链接到完整的现代音乐指南)。

<h6>编写静态页面,先把模块分清楚,在填写内容哦!</h6>

3.超链接:点击跳转,a
超链接的属性:href=url地址

url地址:在浏览器地址栏的信息就是url地址

在输入网址的时候,应该加上http或者是https,如果不写,则把地址当成本地文件.

超链接除了可以跳转网址外,还可以跳到本地文件,如果是跳到本地文件,那么文件路径和img标签里面的src属性值是一样的(相对路径)

title: 鼠标移动到链接上显示的文字

target:
_self(默认值): 在本窗口显示跳转的文件
_blank:新开一个窗口显示跳转的文件

<base target=”_blank” href=”” />

base:基础标签,写在head标签里面

base标签里面的属性:
href:当跳转的是空链接(href=”#”)默认跳转的地址,如果在base标签设置href属性,会把当前路径改为href的值

如果a标签里面的值是网址的话,则直接跳到网址上去;

target:所有的超链接跳转的时候,是否开启新窗口显示

标签:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图