HTML标签(记录下方便搜索查看)

  • 标签,网页上显示的内容放在这里

  • 标签,把文章的段落放到

    标签中

  • 标签来制作文章的标题

  • 加入强调语气,使用标签,在强调的语气上有区别: 表示强调, 表示更强烈的强调。并且在浏览器中 默认用斜体表示, 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用表示强调。

  • 标签为文字设置单独样式,标签是没有语义的,它的作用就是为了设置单独的样式用的

  • 标签,短文本引用,想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么标签是你所需要的。需要注意的是:如聪明秀出为之英,胆略过人为之雄。,显示出来会自动加上“”

  • 标签,长文本引用,
    的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。


  • 标签分行显示文本

  • 为你的网页中添加一些空格,一个 就是一个空格。


  • 标签,添加水平横线

  • 标签,为网页加入地址信息。一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以
    标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

  • 标签,想加入一行代码。

  • 标签,加入多行代码。

  • ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,无序。

  • ol-li在网页中显示的默认样式一般为:每项

  • 前都自带一个序号,序号默认从1开始,有序。

  • div在排版中的作用,在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个

    标签中,这个
    标签的作用就相当于一个容器。

  • 给div命名,为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为

    提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。

  • table标签:

创建表格的四个元素:

table、tbody、tr、th、td

1、…
:整个表格以标记开始、
标记结束。 2、…:如果不加 , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。) 3、…:表格的一行,所以有几对tr 表格就有几行。 4、…:表格的一个单元格,一行中包含几对...,说明一行中就有几列。 5、…:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。

如代码:





认识table表标签


效果:


table.png
下载失败时的替换文本。

1、src:标识图像的位置;

2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

4、图像可以是GIF,PNG,JPEG格式的图像文件。
网站怎样与用户进行交互?答案是使用HTML表单(form)。
表单是可以把浏览者输入的数据传送到服务器端
这样服务器端程序就可以处理表单传过来的数据。

语法:
1. :标签是成对出现的,以开始,以结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post) EX--->
注意: 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在
标签之间 (否则用户输入的信息可提交不到服务器上哦!)。
当用户要在表单中键入字母、数字等内容时
就会用到文本输入框。文本框也可以转化为密码输入框

语法:
1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用) EX--->
姓名:
密码:
当用户需要在表单中输入大段文字时,需要用到文本输入域。



1、结束。
2、cols :多行输入域的列数。
3、rows :多行输入域的行数。
4、在标签之间可以输入默认值。

EX--->
在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意
html中有两种选择框,即单选框和复选框
两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。



1、type:
   当 type="radio" 时,控件为单选框
   当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中

EX--->




单选框、复选框


**1、value:**

2、**selected="selected"**:
设置**selected="selected"**属性,则该选项就被默认选中。


EX--->




下拉列表框


下拉列表也可以进行多选操作
在
      
      
      
      
    



在表单中有两种按钮可以使用,分别为:提交按钮、重置。
提交按钮:当用户需要提交表单信息到服务器时,需要用到提交按钮


type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字

EX--->




提交按钮


当用户需要重置表单信息到初始时的状态时
比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态
只需要把type设置为"reset"就可以


type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的文字

EX--->




重置按钮


label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性
如果你在 label 标签内点击文本,就会触发此控件
就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
(就自动选中和该label标签相关连的表单控件上)。

你可能感兴趣的:(HTML标签(记录下方便搜索查看))

班级 学生数 平均成绩
一班 30 89
二班 35 85
三班 32 80