Html笔记

Html

HTML标签分类

在HTML页面中,带有“< >”符号的元素被称为HTML标签。

所谓标签就是放在“< >” 标签符中表示某个功能的编码命令,也称为HTML标签或 HTML元素。

1.双标签

<标签名> 内容 </标签名> 该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签”

</标签名> 表示该标签的作用结束,一般称为“结束标签(end tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。

比如 <body>我是文字 </body>

2.单标签

<标签名 />

单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。

比如

HTML标签关系

标签的相互关系就分为两种:

1.嵌套关系

<head> <title> </title> </head>

2.并列关系

<head></head>

<body></body>

字符集

<meta charset="UTF-8"> 如果不写这个网页会乱码 </meta>

标题标签

head 头部、

title 文档(网页标题)

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

标题标签语义: 作为标题使用,并且依据重要性递减

段落标签

文本内容

是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

水平线标签


​
<hr />是单标签

在网页中显示默认样式的水平线。

换行标签

文本格式标签

标签属性

使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>

比如:


属性 是 宽度

值 是 400;

建议: 尽量不使用 样式属性。

图像标签img

链接标签

文本或图像

href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用

target:用于指定链接页面的打开方式,其取值有selfblank两种,其中self为默认值,blank为在新窗口中打开方式。

列表标签

无序列表 ul (重点)

无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:

<ul>
 <li>列表项1</li>
 <li>列表项2</li>
 <li>列表项3</li>
 ......
</ul>
  • 列表项1
  • 列表项2
  • 列表项3
  • ......

注意

\1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。

\2. <li>与</li>之间相当于一个容器,可以容纳所有元素。

\3. 无序列表会带有自己样式属性,放下那个样式,一会让CSS来!

有序列表 ol (了解)

有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义,有序列表的基本语法格式如下:

<ol>
 <li>列表项1</li>
 <li>列表项2</li>
 <li>列表项3</li>
 ......
</ol>
  1. 列表项1
  2. 列表项2
  3. 列表项3
  4. ......

所有特性基本与ul 一致。 但是实际工作中, 较少用 ol

表格 table(会使用)

表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。

创建表格

在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:

<table>  <tr>    <td>单元格内的文字</td>    ...  </tr>  ...</table>

​... ...

单元格内的文字

在上面的语法中包含三对HTML标签,分别为 table</table、tr</tr、td</td,他们是创建表格的基本标签,缺一不可,下面对他们进行具体地解释

1.table用于定义一个表格。

2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。

3.td /td:用于定义表格中的单元格,必须嵌套在<tr></tr>标签中,一对 <tr> </tr>中包含几对<td></td>,就表示该行中有多少列(或多少个单元格)。

注意:

\1. <tr></tr>中只能嵌套<td></td>

\2. <td></td>标签,他就像一个容器,可以容纳所有的元素

表格属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值