热门关键字:
jquery > jquery教程 > html5 > html自学教程(三)html基础

html自学教程(三)html基础

334
作者:管理员
发布时间:2020/6/2 11:28:40
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=1792
html自学教程(三)html基础
html自学教程(三)html基础
一 html标题,水平线,注释
html标题(heading)是通过<h1>....<h6>标签来定义的.
根据重要性排列,<h1>定义最大的标题,<h6>定义最小的标题
<html>
<head>
<meta charser="utf-8">
<title>爱你的阿平</title>
</head>
<body>
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>
</body>
</html>
效果如下:
html自学教程(三)html基础
html自学教程(三)html基础
请确保html标题标签只用于标题,不要仅仅是为了生成粗体或大号的文本而使用标题.搜索引擎使用标题为你的网页的结构和内容编制索引.
●<hr>标签在html页面中创建水平线(horizontal),<hr>元素可用于分隔html页面中的内容.
<html>
<head>
<meta charser="utf-8">
<title>爱你的阿平</title>
</head>
<body>
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<hr>
<h3>这是标题3</h3>
<hr>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>
</body>
</html>
显示效果如下:
html自学教程(三)html基础
html自学教程(三)html基础
●我们可以将注释插入html代码中,这样可以提高可读性,使代码更容易被人理解.浏览器会忽略注释,也不会显示注释.
html注释格式如下:
<!--这是一个注释-->
二 html 元素
html文档由html元素定义.html元素包括开始标签,内容,结束标签.html文档由嵌套的html元素构成
●没有内容的html元素被称为空元素.空元素在开始标签中关闭
例如,<br>就是没有关闭标签的空元素(<br>标签定义换行)
在开始标签中添加斜杠(/),是关闭空元素的正确方法.例如<br/>
<html>
<head>
<title>爱你的阿平</title>
</head>
<body>
<p>云想衣裳花想容</p>
<p>春风拂槛<br/>露华浓</p>
</body>
</html>
运行效果如下:
html自学教程(三)html基础
html自学教程(三)html基础
●即使<br>在所有浏览器中都是有效的,但使用<br/>是更长远的保障
三 html 属性
属性是html元素提供的附加信息.
●html元素可以设置属性
●属性可以在元素中添加附加信息(属性值)
●属性一般用于开始标签
●属性总是以名称/值对的形式出现,比如: name="阿平"
<p align="center">此文本居中对齐</p>
class属性和id属性是html常用的属性,适用于大多数html元素.
class属性:
class属性为html元素定义一个或多个类名.
class属性通常用于指向样式表的类.
<p class="intro">这是一个段落</p>
id属性
id属性定义html元素的唯一的id.id在html文档中必须也是唯一的
<h1 id="header">爱你的阿平</h1>
align属性
align属性规定文本的对齐方式.
在下面的例子中,我们有一个居中对齐的段落,和一个左对齐的水平线.
<html>
<head>
<meta char set="utf-8">
<title>html属性</title>
</head>
<body>
<p align="center">这是一些居中对齐的文本</p>
<hr width="50%" align="left">
</body>
</html>
html自学教程(三)html基础





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:html
友荐云推荐