html之简单网页制作一

来源：互联网发布：svakom 知乎编辑：程序博客网时间：2024/05/17 03:57

二

html 标签：

<hr>标签：定义水平分割线,无结束标签</hr>

<br>标签：空标签（换行），无结束标签<br/>

<b>标签呈现粗体文本效果。有结束标签</b>

<h1> ——〉<h6> 标签可定义标题。<h1> 最大。<h6> 最小。有结束标签</h...>

<img>标签：导入一张图片，HTML支持图片：(.GIF) 、(.JPG)、(.PNG)

导入图片必需的2个属性：

src（图像文件的URl即引用该图像文件的路径

(绝对路径：指向其他站点，比如 src="http://www.ifsrc.com/"、

相对路径：指向站内，比如 src="ange.png")）、

alt。

无结束标签.

[html] view plaincopy
<html>  
<head>  
<title>Hello,小神</title>  
</head>  
<body>  
    <hr>  
    <h1>  
        <b>H1小神问世</b>  
    </h1>  
    <h2>  
        <b>H2小神问世</b>  
    </h2>  
    <h3>  
        <b>H3小神问世</b>  
    </h3>  
    <hr>  
    <img src="help_alarm.jpg">小仙</b>  
    <img src="ange.png">小神</b>  
    <img src="alice.gif">小xiao</b>  
    <hr>  
</body>  
</html>  

一

浏览html文件工具： IE 、360安全浏览器...

编辑html工具：记事本、EditPlus、Microsoft FrontPage 、Macromedia Dreamweaver...（.html）

html写法记

html的开始和结束<html>...内容</html>

html头<head>...</head>

html 头标题<title>我叫html</title>

html 体（body）<body>...</body>

html 另起段落<p>...

html 换行<br>

html 文字<font>

html加广告链接址<address>...</address>

align = left：左对齐 / center：居中 / right：右对齐 / top：顶部对齐

color= red / ...颜色

bgcolor = red /...背景颜色

style="font-size:20px" / ...风格

size = 1 /2 / 3 /...大小

<html><head><title color=red>hello，html</title></head><body bgcolor=lavender><p style="font-size:20px" color=red，>小神：hello, html洞主。</p><font  style="font-size:20px" color=red>洞主：who are you you are you who?</font><p><font  style="font-size:20px" color=red，>小神： html洞主，我是小仙额</font><p><font>洞主：<br>you 哦该不叫小神咯</font><p>小神：<br>哈哈哈哈哈，me 就是小神，<ADDRESS><P><A href="http://user.qzone.qq.com/1493639383/infocenter/">洞主，你也来看看小神么，单击此处就能看到小神了哦</A><span style="white-space:pre"></span></ADDRESS></body></html>

居中

<style type="text/css"><!-- body {text-align: center;}--></style>