什么是HTML,HTML的简介,HTML结构

html:超文本标记语言(Hyper Text Markup Language)

==============基本结构=================

<html><!--最外层为html-->

<head><!--网页头部-->

<title></title><!--网页的标题,一般写网站名称,显示在标题栏-->

</head><!--头部结束-->

<body><!--网页主体-->

Hello World!!!  <!--网页内容-->

</body><!--主体结束-->

</html><!--html结束-->

 

保存：文件名.html

 

================标签==================

块级元素标签：内容再少也会独占一行

行内元素标签：内容少的时候会在一条直线上排列，都是同一行

<hr />水平线标签——块级

<br />换行标签——行内

<h1></h1>标题标签(数字只能为1-6，1最大，6最小)——块级

<strong></strong>加粗(不换行)——行内

<em></em>斜体 (不换行) )——行内

<p></p>段落标签(其中的文字可以根据浏览器窗口大小自动换行)——块级

=============转义符===============

&开头;结束

&nbsp; 空格

&copy;版权符号©

&lt;小于号<

&gt;大于号>

&quot;引号 "

============图像标签==============

<imgsrc="图片地址" alt="替代文字" title="提示文字" />

src：可以为相对路径,也可以为绝对路径

alt:图片无法显示时所代替的文字

title:鼠标悬浮在图片上时

==========超链接应用============

1.页面间链接

<a href="链接地址" target="打开方式">内容</a>超链接

(target:_blank新打开浏览器窗口/_self在自身窗口打开)

链接地址:1.绝对路径：C:/demo/demo.html

 2.相对路径：从链接内容出发找到链接文件的路径(使用方便)

 2-1:向下一级 a/b

 2-2:向上一级 ../

 

2.锚链接

1-1想要跳转到哪个位置，给谁加<a name="自己起的名字">跳转的位置</a>

1-2想点谁跳转，给谁加<a href="#刚才自己起的名字">点谁</a>

 

3.功能性链接

发邮件

<a href="mailto:邮箱地址">点谁发</a>

<a href="tencent://message/?uin=657377357&Site=&Menu=yes">qq</a>

posted @ 2018-09-15 17:08  后山人  阅读(254)  评论(0)  编辑  收藏  举报