前端日记

最新推荐文章于 2022-01-05 00:32:32 发布

killer_queen4804

最新推荐文章于 2022-01-05 00:32:32 发布

阅读量235

点赞数 1

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_52621204/article/details/116612783

版权

笔记专栏收录该内容

142 篇文章 0 订阅

订阅专栏

前端的第一次作业

<!DOCTYPE html>
<html lang="zh-CN">
<html>
	<head>
		<meta charset="utf-8" />
		<title>歪比巴布</title>
	</head>
	<body>
		<h1>1.歪比歪比</h1><br />
		<h3>2.歪比歪比</h3><br />
		<a href="https://www.baidu.com/" target="_blank">3.<img src="weier.jpg"" height="500s"  title="紫罗兰永恒花园" /</a><br />
		<a href="https://www.baidu.com/" target="_blank">4.百度一下，你就知道</a><br />
		<p>5.我是<strong>加粗</strong>的文字
		我是<ins>倾斜</ins>的文字	  我是<del>删除线</del>...   我是<ins>下划线</ins>...<br />
		我一直以来都坚信数字，不管是方程还是逻辑都引导我们去思考。但是在如此追求了一生后，我问自己：“逻辑到底是什么？
		谁决定原由？”我的探索让我从形而下到形而上，最后到了妄想症，就这样来回走了一趟。在事业上我有了重大突破，在生命中
		我也找到了最重要的人：只有爱情的神秘方程式中，才能找到合乎逻辑的缘由。今晚我能站在这儿全是你的功劳，你是我成功
		的因素，也是唯一的因素。谢谢你！<br />
		 </p>
		
		
		
		
	</body>
</html>

总结一下近期学的东西

1.<html lang="zh-CN">    代表主要语言是中文
2.<html> </html>        中间写内容，有点类似int main{     写入内容return 0；}
3.<title>歪比巴布</title> 代表网页标题为“歪比巴布”
4.<meta charset="utf-8" /> 代表选择了"utf-8"这种文字库
5.<head> </head>         中间可以设置网站工具栏以上位置，such as这部分

6.<body> </body> 中间可以设置网站的主页面，such as这部分

7.<h1>1.歪比歪比</h1>或<h2> </h2>或<h3> </h3>或<h4> </h4>   都是标题标签，顾名思义，号越小字越大
8.<img src="weier.jpg"" height="500s" title="紫罗兰永恒花园" />        标签从左往右为插入图片、修改图片高度、触摸图片时显示的文字。

9.我是<strong>加粗</strong>的文字我是<ins>倾斜</ins>的文字我是<del>删除线</del>...   我是<ins>下划线</ins>... 顾名思义，非常的形象。。。

10.<br />     换行符

11.<p> </p>       段落标签，在里面写入东西形成一段。

12.<a href="https://www.baidu.com/" target="_blank">4.百度一下，你就知道</a>     超链接标签

13.<a href="https://www.baidu.com/" target="_blank">3.<img src="weier.jpg"" height="500s" title="紫罗兰永恒花园" /</a>   带图片的超链接

     <h1 id="maodian">1.歪比歪比</h1><br /> <a href="#back">返回</a>

      <a href="#maodian"><h5 id="back">锚点链接</h5></a>                                  锚点链接

         <a href="test1.html" target="_blank">不要点我！</a><br />        内部链接
       <a href="#">空连接</a><br />                                                       空链接
       <a href="../img/weier.zip">下载链接</a><br />                           下载链接

         ctrl+/         注释

14.相对路径

（1）同一级路径        图像文件位于HTML文件同一级，直接输入图像名字即可，如<img src="tupian.jpg" />

（2）下一级路径        图像文件位于HTML文件下一级，需要输入文件夹再加“/”，如<img src="images/tupian.jpg />

（3）上一级路径        图像文件位于HTML文件上一级，需要输入符号“../”，如 <img src="../tupian.jpg" />

15.（1）<table>
           <tr><td>姓名</td>         <td>性别</td>      <td>年龄</td></tr>
           <tr><td>鸣人</td> <td>男</td> <td>16</td></tr>
           <tr><td>鹿丸</td> <td>男</td> <td>16</td></tr>
           <tr><td>洛克李</td> <td>男</td> <td>16</td></tr>

       </table>                                                                                    <table></table>用来定义表格       <tr><tr />用于定义表格中的行，嵌套在table中    <td>内容<td />用来定义单元格，里面添加内容

（2）<th>内容<th />   表头标签，文字居中加粗

（3）表格属性和特殊字符

（4）表格结构标签

（5）   <tr><td>鸣人</td> <td colspan="2">男</td></tr>
           <tr><td rowspan="2">鹿丸</td> <td>男</td> <td>16</td></tr>
           <tr> <td>男</td> <td>16</td></tr>

16.列表标签

（1）无序列表