码迷,mamicode.com
首页 > Web开发 > 详细

前端之HTML基础等相关内容-50

时间:2020-09-18 01:27:16      阅读:52      评论:0      收藏:0      [点我收藏+]

标签:程序猿   attr   amp   head   哈哈   html基础   alt   targe   load   

1.基础

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   <title>Document</title>
</head>
<body>
<!--<标签名字 属性1="值" 属性2="值2">内容</标签名字>-->
?
?
<!--注释开始的地方-->
<h1>22222
   <p>333</p>
   <p>333</p>
   <p>333</p>
</h1>
?
<!--注释结束的地方-->
?
</body>
</html>

2.head标签

<!DOCTYPE html>
<html lang="en">
<head>
   <!--与写入文件的编码保持一致-->
   <meta charset="utf-8">
   <meta name="keywords"
         content="开发者,程序员,博客园,程序猿,程序媛,极客,码农,编程,代码,软件开发,开源,IT网站,技术社区,Developer,Programmer,Coder,Geek,Coding,Code">
   <meta name="description" content="我是一个非常不一样的网站">
   <!--   <meta http-equiv="refresh" content="3,http://www.baidu.com">-->
?
   <title>谷歌一下,你就知道</title>
   <link rel="icon" href="img/favicon.ico">
?
   <!--
   <style>
       p {
           color: #002448;
       }
   </style>
   -->
?
?
   <link rel="stylesheet" href="css/index.css">
?
   <!--
   <script>
       // alert("哈哈哈哈");
?
       function changeColor(ths) {
           ths.style.backgroundColor="green";
       }
   </script>
   -->
   <script src="js/a.js"></script>
?
</head>
<body>
<!--<p onclick="changeColor(this)">你好</p>-->
你好啊<br>哈哈哈哈
<hr>
我擦了
<!--<b>加粗</b>-->
<strong>强调</strong>
?
<!--<u>下划线</u>-->
<ins>插入</ins>
?
<!--<i>倾斜</i>-->
<em>倾斜</em>
?
<!--<s>删除</s>-->
<del>删除</del>
</body>
</html>

3.字符实体

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<!--字符实体之空格符-->
你好&nbsp;&nbsp;&nbsp;&nbsp;我擦类&nbsp;&nbsp;&nbsp; 哈哈哈
?
<p>&lt;print&gt;</p>
<p>100000000000&yen;</p>
<p>egon&amp;lxx</p>
<p>&copy;</p>
<p>&Theta;</p>
</body>
</html>

4.h系列

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
<h7>我是标题7</h7>
我是标题7
?
<h1>egon</h1>
<p>论颜值,</p>
<p>论才华</p>
</body>
</html>

5.img标签

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
?
<!--<img src="img/1.jpg" title="这是一个美女" alt="图片被怪兽吃掉了" width="300px" height="300px">-->
<img src="img/1.jpg" title="这是一个美女" alt="图片被怪兽吃掉了" width="300px">
</body>
</html>

6.a标签

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<!--
<a href="http://www.baidu.com" title="跳转到百度" target="_blank">点我啊</a>
?
<a href="http://www.baidu.com">
   <img src="img/1.jpg" >
</a>
-->
?
<!--假链接-->
<!--<a href="#">点我啊</a>-->
<!--<a href="javascript:">点我啊</a>-->
<!--假链接-->
?
<!--页面的锚点-->
<p>
   <a href="#p1" style="color: darkseagreen;text-decoration:none;font-size:18px">一 八八八八</a>
</p>
?
<p>
   <a href="#p2" style="color: darkseagreen;text-decoration:none;font-size:18px">八 用户与程序交互</a>
</p>
?
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<a href="" name="p1"></a>
<p style="color: red">1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<a href="" name="p2"></a>
<p style="color: green">1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
<p>1111111111</p>
?
<a href="">跳到首页</a>
<a href="#">跳到首页</a>
</body>
</html>

 

前端之HTML基础等相关内容-50

标签:程序猿   attr   amp   head   哈哈   html基础   alt   targe   load   

原文地址:https://www.cnblogs.com/usherwang/p/13669493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!