您的位置：首页 > Web前端 > HTML

网页制作html的基本解释与操作（一）

2012-11-22 16:55 309 查看 


一：html初识
<html>
<body>

<h1>MyFirstHeading</h1>

<p>Myfirstparagraph.</p>

</body>
</html>


例子解释
<html>与</html>之间的文本描述网页
<body>与</body>之间的文本是可见的页面内容
<h1>与</h1>之间的文本被显示为标题
<p>与</p>之间的文本被显示为段落

1.1HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言(HyperText
MarkupLanguage)
HTML不是一种编程语言，而是一种标记语言(markuplanguage)
标记语言是一套标记标签(markuptag)
HTML使用标记标签来描述网页

1.2HTML标记标签通常被称为HTML标签(HTMLtag)。

HTML标签是由尖括号包围的关键词，比如<html>
HTML标签通常是成对出现的，比如<b>和</b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

1.3HTML链接

HTML链接是通过<a>标签进行定义的。

<html>
<body>

<ahref="http://www.w3school.com.cn">
Thisisalink</a>

</body>
</html>


注释：在href属性中指定链接的地址。

1.4HTML图像

HTML图像是通过<img>标签进行定义的。

<html>
<body>

<imgsrc="/i/eg_w3school.gif"width="300"height="120"/>

</body>
</html>


注释：图像的名称和尺寸是以属性的形式提供的。

二：html属性

HTML属性
HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在HTML元素的开始标签中规定。

2.1属性实例

HTML链接由<a>标签定义。链接的地址在href属性中指定。

更多HTML属性实例
属性例子1:
<h1>定义标题的开始。

<h1align="center">拥有关于对齐方式的附加信息。

TIY:居中排列标题

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<h1align="center">Thisisheading1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>


属性例子2:
<body>定义HTML文档的主体。

<bodybgcolor="yellow">拥有关于背景颜色的附加信息。

TIY:背景颜色

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metahttp-equiv="Content-Language"content="zh-cn"/>
</head>

<bodybgcolor="yellow">
<h2>请看:改变了颜色的背景。</h2>
</body>

</html>


属性例子3:
<table>定义HTML表格。（您将在稍后的章节学习到更多有关HTML表格的内容）

<tableborder="1">拥有关于表格边框的附加信息。

始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill"HelloWorld"Gates'

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航