从零开始学网页制作

2025-11-05 06:55:31

1、第一步当然是创建一个后缀为.html的文件了,然后在里面写上如下这样:

<!DOCTYPE html>

<html>

   <head>

      <title>网页的标题</title>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      </head>

   <body>

        这里写网站上要显示的内容

   </body>

</html>

这个就相当于网页的骨架哦,上面的utf-8你也可以换成其他的编码方式哦,下面配上了执行后的效果图哦。

从零开始学网页制作

从零开始学网页制作

2、在这一步些了一些常用的控件,比如输入用户名的文本框,还有用来输入密码的密码框,和能够下拉选择的下拉框,还有选择文件的,还有输入大段内容的,就像下面这样:

<input type="text" name="" value="这是一个输入框"><br />

<input type="password" name="" value="123456">&lt;--这是一个密码框<br />

<input type="file" name="">&lt;--Ta是用来选择文件的哦<br />

<select name="">

   <option value="">下拉选项一</option>

   <option value="">下拉选项二</option>

</select><br /><br /><br />

<input type="radio" name="">这个是单选框哦<br />

<input type="checkbox" name="">这个是多选框<br />

<textarea name="" rows="" cols="">这里可以输入大段内容哦</textarea><br />

<input type="button" value="这个是按钮哦" onclick=""><br />

后一张图是在浏览器中执行后的效果,请对比着查看哦。

从零开始学网页制作

从零开始学网页制作

3、这里列出了一些网页中的常用标签,比如:h1-h6,b,u,i等哦,就像下面这样:

<h1>这个是h1标签哦</h1>

<h2>这个是h2标签哦</h2>

<h3>这个是h3标签哦</h3>

<h4>这个是h4标签哦</h4>

<h5>这个是h5标签哦</h5>

<h6>这个是h6标签哦</h6>

<b>这里的字是加粗的哦</b>

<i>这里的字是倾斜的哦</i>

<u>这里的字是有下划线的哦</u>

从零开始学网页制作

4、当然还有table,下面这个我定义了一个三行三列的表格,并且指定了Ta的边框。

<table border="1">

   <tr>

      <td>1</td>

      <td>2</td>

      <td>3</td>

   </tr>

   <tr>

      <td>4</td>

      <td>5</td>

      <td>6</td>

   </tr>

   <tr>

      <td>7</td>

      <td>8</td>

      <td>9</td>

   </tr>

</table>

从零开始学网页制作

从零开始学网页制作

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢