HTML网页制作入门

今天学习了网页制作，用Tomcat建了个本地网页服务器,这个自己访问
上传到学校的服务器就能公共访问了，臭个美，ip=http://home.ustc.edu.cn/~cl626/
一个本地链接，一个外部链接，还有两个下载链接，
在这里插入图片描述

index.html
<HTML>
    <HEAD>
      <meta http-equiv=Content-Type content="text/html; charset=utf-8">
      <TITLE> 凌霜 </TITLE>
    </HEAD>
      <BODY text="#0000ff" > 
        <!-- 练习散乱的标题 -->
        <H1>hello world!</H1>
        <!-- hr可用于分割内容 -->
        <hr>
        <H2>hello world!</H2>
        <H3>hello world!</H3>
        <H4>hello world!</H4>
        <H5>hello world!</H5>
        <H6>hello world!</H6>
        <!-- p用于定义段落，br用于换行 -->
        <p>海上明月共潮生呀<br>春江潮水连海平~</p>
        <!-- html无法添加空格/换行来改变输出效果 -->
        <p>这是<sub>下标</sub>&<up>商标</up></p>  
        <p>这是<b>粗体</b>,<i>斜体</i></p>
        <a href="http://home.ustc.edu.cn/~cl626/link1.html">图片倒序镜像网页</a><br>
        <img  src="free.jpg" width="300" height="400"/><br>
        <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.jY0ROa1oYGITshgR0TCCKgHaE7?pid=ImgDet&w=2048&h=1365&rs=1" width="400" height="300"/><br>
        <a href="https://seer.61.com/?tad=innermedia.youxiye.free.topbar">让我们杨帆启航,chong鸭seer们</a><br>
        <a href="download/targetver.h" download>下载.h文件</a><br>
        <a href="images/fire.png" download>电光火石</a>
      </BODY>
  </HTML> 
link1.html(本地链接) 
<HTML>
    <HEAD>
      <meta http-equiv=Content-Type content="text/html; charset=utf-8">
      <TITLE> 寒江呀 </TITLE>
    </HEAD>
      <BODY text="#0000ff" > 
        <!-- 练习散乱的标题 -->
        <H1>hello world!</H1>
        <!-- hr可用于分割内容 -->
        <hr>
        <H2>hello world!</H2>
        <H3>hello world!</H3>
        <H4>hello world!</H4>
        <H5>hello world!</H5>
        <H6>hello world!</H6>
        <!-- p用于定义段落，br用于换行 -->
        <p>海上明月共潮生呀<br>春江潮水连海平~</p>
        <!-- html无法添加空格/换行来改变输出效果 -->
        <p>这是<sub>下标</sub>&<up>商标</up></p>  
        <p>这是<b>粗体</b>,<i>斜体</i></p>
        <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.jY0ROa1oYGITshgR0TCCKgHaE7?pid=ImgDet&w=2048&h=1365&rs=1" width="400" height="300"/><br>
        <img  src="free.jpg" width="300" height="400"/><br>
        <a href="http://home.ustc.edu.cn/~cl626/index.html">返回本相</a><br>
      </BODY>
  </HTML>

今天又是快乐的一天，奥利给！

更新，学习CSS

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
 # id{
attribute:	#单个
}
.class{
attr:	#用在多个，划算
}
</style>
</head>
posted @ 2022-09-22 18:59  clfire  阅读(110)  评论(0)  编辑  收藏  举报