ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html语法

2021-11-21 20:31:26  阅读:141  来源: 互联网

标签:11 10 13 love 标签 语法 html nbsp


   html语法

第一个html



 1  1 <!DOCTYPE html>
 2  2 <html lang="en">
 3  3 <head>
 4  4     <!--meta  描述性标签,用来描述网站的一些信息-->
 5  5     <!--meta 标签一般用来做SEO-->
 6  6     <meta charset="UTF-8">
 7  7     <meta name="key" content="第一个网站,学html">
 8  8     <meta name="description" content="学习html">
 9  9     <title>第一个网站</title>
10 10 </head>
11 11 <body>
12 12 Hello,World!
13 13 </body>
14 14 </html>

 

 

基本标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>基本标签学习</title>
 6 </head>
 7 <body>
 8 <!--标题标签-->
 9 <h1>一级标签</h1>
10 <h2>二级标签</h2>
11 <h3>三级标签</h3>
12 <h4>四级标签</h4>
13 <h5>五级标签</h5>
14 <h6>六级标签</h6>
15 
16 <!--段落标签  将文字分为一个个段落-->
17 <p>两只老虎,两只老虎</p>
18 <P>跑得快,跑得快</P>
19 <P>一只没有眼睛</P>
20 <P>一只没有尾巴</P>
21 <P>真奇怪!真奇怪!</P>
22 
23 <!--水平线标签-->
24 <hr/>
25 
26 <!--换行标签  只是换了一行,但是还是一段-->
27 两只老虎,两只老虎<br/>
28 跑得快,跑得快<br/>
29 一只没有眼睛<br/>
30 一只没有尾巴<br/>
31 真奇怪!真奇怪<br/>
32 
33 <!--粗体,斜体-->
34 <h1>字体样式标签</h1>
35 粗体:<strong>i love you</strong>  <br/>
36 斜体:<em>i love you</em>  <br/>
37 粗体:<B>i love you</B>    <br/>
38 斜体:<I>i love you</I>    <br/>
39 <hr/>
40 <!--特殊符号-->
41 空       格;  <br/>
42 <!--&nbsp;代表一个空格-->
43 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格    <br/>
44 <!--&gt; 代表大于号  &lt;代表小于号-->
45 &gt;
46 &lt;    <br/>
47 <!--版权符号-->
48 &copy;
49 </body>
50 </html>

图片标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>图片标签</title>
 6 </head>
 7 <body>
 8 <!--
 9 src:图片的地址
10 绝对地址:使用盘符找到的文件   D:\代码\HTML\resources\image\2.png
11 相对地址:相对于当前项目的文件  ../resources/image/2.png
12 ../返回上一级目录
13 alt : 如果src路径下的文件未找到,就用这里名的内容替代
14 title  : 将鼠标放置在这个图片上面会显示title里卖弄的内容
15 width  : 图片显示的宽度
16 height  : 图片显示的高度
17 -->
18 <img src="../resources/image/2.png" alt="桌面壁纸" title="悬停文字" width="255" height="255">
19 <!--从这里可以直接跳转到下面这个链接的down这个锚标记处-->
20 <a href="4.链接标签.html#down">跳转</a>
21 </body>
22 </html>

页面结构

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>页面结构</title>
 6 </head>
 7 <body>
 8     <header>
 9         <h1>网页头部</h1>
10     </header>
11     <section>
12         <h1>网页主体</h1>
13     </section>
14     <footer>
15         <h1>网页脚部</h1>
16     </footer>
17 </body>
18 </html>

 

标签:11,10,13,love,标签,语法,html,nbsp
来源: https://www.cnblogs.com/wyl2001/p/15585748.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有