网页制作:HTML写东西

导读

HTML是超文本标记语言(Hyper Text Markup Language)的简称。HTML是制作网页的计算机语言,也可以用创建WEB站点。

一、写字

<html>
<body>

<h>制作网页</h> <br />

</body>
</html>
run

二、文字:颜色、加粗、大小

<html>
<body>

<h>制作网页(常规)</h> <br />
<h><font color="##FF0000">制作网页(上色)</font></h> <br />
<h><strong>制作网页(加粗)</strong></h> <br />
<h><font size="+10">制作网页(加大)</font></h> <br />

</body>
</html>
run

三、添加图片

<html>
<body>

<p>这是一个小猪头</p>
<img src="猪猪.jpg" style="width: 80px; height:60px"/>

</body>
</html>
run

四、图片:大小

<html>
<body>

<p>这是一个小猪头</p>
<img src="猪猪.jpg" style="width: 80px; height:60px"/>
<p>楼上的小猪头叫爸爸</p>
<img src="猪猪.jpg" style="width: 100px; height:80px"/>

</body>
</html>
run

五、制作表格

<html>
<body>

<p>这是一个表格</p>
<table border="1">
  <tr>
    <th>第一列</th><th>第二列</th>
  </tr>
  <tr>
    <td>甲</td><td>乙</td>
  <tr>
  <tr>
    <td>丙</td><td>丁</td>
  </tr>
</table>

</body>
</html>
run

css样式,自定义颜色,大小,样式

<html>
<body>
<style>
    table, table tr th, table tr td {solid border-color: #ccc}  
    table {width: 200px; line-height: 25px; text-align: center; border-collapse: collapse}
</style>

<p>这是一个表格</p>
<table border="1">
  <tr>
    <th>第一列</th><th>第二列</th>
  </tr>
  <tr>
    <td>甲</td><td>乙</td>
  <tr>
  <tr>
    <td>丙</td><td>丁</td>
  </tr>
</table>

</body>
</html>

六、添加链接

<html>
<body>

<p>某帅哥的简书主页</p>
<a href="https://www.jianshu.com/u/72e6ac222ad6">简书:恰童学少年</a>

</body>
</html>
run

\color{green}{😀😀}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 4,971评论 0 1
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 4,993评论 0 3
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,281评论 0 4
  • HMTL初识 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”...
    小青年coder阅读 6,891评论 0 1
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Kazusa_阅读 4,292评论 0 4