(一)我要偷偷学习html,然后惊艳我们班的人!(标签学习)

举报
花狗Fdog 发表于 2020/10/31 22:35:35 2020/10/31
【摘要】 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>程序员之美</title> <meta charset="utf-8" /> </head> <body> </body> </html> 12345...

在这里插入图片描述


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>程序员之美</title>
	<meta charset="utf-8" />
</head>
<body>
</body>
</html>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

先从基础代码学起来!

定义文档类型: <\!DOCTYPE html>   \<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前,并且没有结束标签。

定义注释: <!--XXXXX--> 入口(我的理解):<html> </html>  类似于C中的mian入口函数,代表着网页的开始和结束。

文档的头部:<head></head>
文档的主体:<body></body> 
其中<base>, <link>, <meta>, <script>, <style>, 以及 <title>可用在head部分。

元信息:<meta> 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

网页标题:<title>程序员之美</title> 网页的标题为程序员之美

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
内容标题:<h1>这是标题</h1> <h2>这是标题</h2> <h3>这是标题</h3> <h4>这是标题</h4> <h5>这是标题</h5> <h6>这是标题</h6>
		与数字相反,数字越大,相应的内容标题越小。 段落:<p> 定义段落

换行符:<br> 可插入一个简单的换行符。

水平线:<hr> 在 HTML 页面中创建一条水平线。

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

列表

定义无序列表:<ul>

定义有序列表:<ol>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5

表格

表格:<table border="1"> border表示表格边框宽度

表格标题:<caption>

表格中的表头单元格:<th>

表格中的行:<tr>

表格中的单元:<td>

表格中的表头内容:<thead>

表格中的主体内容:<tbody>

表格中的表注内容(脚注):<tfoot>

表格中一个或多个列的属性值:<col>

表格中供格式化的列组:<colgroup>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

文章来源: blog.csdn.net,作者:花狗Fdog,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/Fdog_/article/details/109385636

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。