麓谷官网欢迎你访问长沙北大青鸟麓谷校区,支持你成为一个受人尊重的专业人才!
当前位置: 首页 > 青鸟知识 > 网络技术

html语言入门:加超链及提高代码可读性

来源:长沙北大青鸟|发布时间:2017-03-31|浏览量:

学IT,好工作

就读长沙岳麓职业培训学校

求学热线: 400-160-2868

  一、HTML语言简述

  HTML:Hyper Text Markup Language 的简写,意为: 超文本标记语言;

  HTML:不是 程序 语言,它只是一种 标记 语言,一种 文本 语言;

  HTML:所有标记都必须用尖括号( " < " 和 " > " )括起来;

  HTML:大部分标记是成对出现的,结束标记须以"/"开头;只有少数标记不成对出现;

  HTML:标记不区分大小写,web标准中是小写的;

  默认情况ASP.NET 2.0 中系统提供的HTML标记都用小写字母表示;

  HTML:已成为各种浏览器的通用标准,并独立于各种操作系统平台;

  HTML:的重要性:是所有浏览器都能识别的语言,是浏览器生成网页的基础;

  不管你采用哪种技术,哪种语言最终都以HTML的形式输出;

  另外:XML语言的标记可以任意定义,所以HTML标记可以说是其中的一部分。

  二、HTML语言的精华——超链接

  超链接是HTML语言的精华。

  在HTML语言中使用A标记来创建超链接

   文字链接

 

   北大青鸟长沙麓谷学院

   基本格式:

<href="URL(必选项)" target="目标(可选项)" title="鼠标放上时显示的文字(可选项)">北大青鸟长沙麓谷学院</a>

  锚点(书签)链接

   回到顶部      跳转到其它页面的指定部分 

<name="top" id="top"></a> <!--定义锚点的方法:只是把 href 换成了 name 而已.-->
<href="#top">回到顶部</a><br />
<href="//www.csylzx.net/base/network/2133.html#20" target="_blank">跳转到其它页面的指定部分</a>

  邮件链接

  给麓谷学院发信

  基本格式

<href="mailto:963153008@qq.com?subject=咨询更多信息">
<SPAN style="TEXT-DECORATION: none">给麓谷学院发信</SPAN>
</a>


  图片链接

麓谷学院首页.png

  基本格式

<href="//www.csylzx.net/" target="_blank" >
<img src="//www.csylzx.net/news/" border="0" alt="点击图片查看更多信息" >
</a>


  移动链接(目的:增加吸引力)

  点这里查看更多信息...

  基本格式

<marquee>
<href="//www.csylzx.net/news/" target="_blank" >
<SPAN style="TEXT-DECORATION: none">点这里查看更多信息</SPAN>
</a>
</marquee>


  三、提高代码可读性——注释语句

  下面是单行和多行两种注释语句

<!--单行的注释语句:欢迎访问长沙麓谷学院首页: //www.csylzx.net/-->
<!--这是一条多行的注释语句,
欢迎访问长沙麓谷学院的站点: //www.csylzx.net/-->


  四、格式化文本


<font face="宋体" size="2" color="Navy">//www.csylzx.net/</font>

上标:麓谷学院
<suP>xintuxueyuan</sup>
下标:
麓谷学院<sub>xintuxueyuan</sub>

粗体:
<B>麓谷学院</B>
斜体:
<I>麓谷学院</I>

下划线:
<U>麓谷学院</U>
删除线:
<S>麓谷学院</S>

  五、格式化段落

  分段标记P:用该标记时会跳过一个空行,若省略结束</p>,则可将开始标记<p>放在段尾。

  其常用属性是align,用于设置段落的水平对齐方式。

  换行标记br:强行规定当前行中断,使后续的内容在下一行显示。

  标题标记Hn:n的取值是1到6,当n取1时,标题的字号最大;当n取6时,标题的字号最小;

  水平线标记hr:属性有:align(默认为center), color, noshade(无阴影), size(竖直尺寸), width(水平长度)

  如果要将部分内容居中对齐,可以用<center>和</center>

  如果要将多个段落设置为相同的对齐方式,可用<div>和</div>

  六、引用多媒体

  背景音乐
<bgsound src="URL" loop="*"> loop设定循环的次数,loop=infinete表示不断循环到关闭为止

  插入图象
<img src="Images/yoyebina.gif" alt="我的图片" bordor="1">
img标记的常用属性:src,alt.height,width,border,hspace(图片与左右两端文本距离),vspace(图片与上下两端文本距离) ,align

  插入视频
<img src="yoyebina.avi">

  插入动画
<embed src="yoyebina.swf/midi"></embed>

  通用标记

<object 属性=属性值></object>

  七、头部内容

  头部的内容在网页中 基本上(标题会显示)不显示出来,但也是非常重要的。

  收藏夹小图标:

  制作一个16x16的icon图标,命名为favicon.ico,放在根目录下;然后将下面的代码嵌入head区:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

上一篇:SQL Server数据库维护步骤(附经验总结)

下一篇:大数据潮流下,给社会带来的是什么

扫码关注微信公众号了解更多详情

跟技术大咖,专业导师一起交流学习

姓名
电话
Q Q

在线留言

请您把问题留下,我们为您提供专业化的解答!

QQ咨询
  1. 招生问答
  2. 热门点击
  3. 最新更新
  4. 推荐文章

关于我们

学校成就

就业保障

联系方式

联系电话:400-160-2868

在线报名

预约报名

备案号:湘ICP备2020021619号-1
地址:湖南省长沙市高新区麓谷麓松路679号 版权所有:长沙市岳麓职业培训学校

在线咨询
课程咨询 学费咨询 学费分期 入学测试 免费预约 来校路线
初中生 高中生 待业者
400-160-2868

在线客服