我们已经准备好了,你呢?

2026我们与您携手共赢,为您的企业形象保驾护航!

类或ID应用其他样式。


<html>
<head>
<meta charset="UTF-8">
<title>HTML_div_spantitle>
head>
<body>

<div style="border: 1px solid black;width: 200px;height: 200px;text-align: center;">这是一个divdiv>


<span style="color: red;">这是一个spanspan>
body>
html>

标签分类

HTML中有三种不同类型的标签元素:块元素,在线元素和在线块元素。

11。html表

表由标签定义。每个表有几行(由标签定义),每行分为几个单元格(由

标签定义)。字母TD指的是表数据,即数据单元的内容。数据单元可以包含文本,图片,列表,段落,表单,水平线,表等。

表格和边界特性

如果未定义边框属性,则表将不显示边框。有时这很有用,但是大多数时候,我们希望显示边界。

台式标头

表的表标头是使用标签定义的。

大多数浏览器以大胆的中心文本显示标头。

桌子中的空细胞

在某些浏览器中,没有内容的表单元格不能很好地显示出来。如果单元格为空(没有内容),则浏览器可能无法显示单元格的边框。

没有显示此空单元的边框。为了避免这种情况,请在空单元中添加一个空间占位符以显示边框。


<html>

<head>
<meta charset="UTF-8">
<title>HTML表格title>
head>

<body>

<table border="1">

   <caption><h3>这是一个表格h3>caption>

<tr>

<th>Headingth>
<th>Another Headingth>
tr>
<tr>

<td>row 1, cell 1td>
<td>row 1, cell 2td>
tr>
<tr>
<td> td>
<td>row 2, cell 2td>
tr>
table>
body>

html>

12。HTML列表

无序列表

无序的列表是标有大胆点(典型的小黑圈)的项目列表。

无序列表以标签开始。每个列表项目以。

可以在列表项目中使用段落,换行,图片,链接和其他列表。


<html>

<head>
<meta charset="UTF-8">
<title>HTML列表title>
head>

<body>

<h4>一个无序列表:h4>
<ul>
<li>咖啡li>
<li>li>
<li>牛奶li>
ul>

body>

html>

排序列表

有序列表也是项目列,列表项目标记为数字。

订购的列表以标签开头。每个列表项目以标签开头。

可以在列表项目中使用段落,换行,图片,链接和其他列表。


<html>

<head>
<meta charset="UTF-8">
<title>HTML列表title>
head>

<body>

<h4>一个有序列表:h4>
<ol>
<li>咖啡li>
<li>牛奶li>
<li>li>
ol>

<ol start="50">
<li>咖啡li>
<li>牛奶li>
<li>li>
ol>

body>

html>

13。html形式

元素

HTML表格用于收集用户输入。

表单元素是指不同类型的输入元素,复选框,收音机按钮,提交按钮等。

表格用于将数据传输到服务器。表单元素是块级元素。

常见特性

属性价值描述

URL

提交表格时指定在哪里提交表单数据

获取,发布

指定用于发送Form-DATA的HTTP方法

姓名

指定表格的名称

元素

元素是最重要的形式元素。

元素具有多种形式,具体取决于不同的类型属性。

常见特性

属性价值描述

alt

文本

定义图像输入的替代文本

指定为第一个加载选择此输入元素。

加载输入元素时禁用此元素

加载输入元素时禁用此元素

指定输入字段中字符的最大长度

价值

价值

指定输入元素的值

类型

文件图像收音机重置文本

指定输入元素类型按钮选中框

文本输入

`定义文本输入的单线输入字段

<form>
  First name:<br>
   <input type="text" name="firstname" />
   <br> Last name:<br>
   <input type="text" name="lastname" />
form>

密码输入定义密码字段

<form>
  用户名:<input type="text" name="username" />
   <br />
  密   码:<input type="password" name="password" />
form>

无线电按钮输入

定义无线电按钮

<form>
   <input type="radio" name="sex" value="male" checked />Male
   <br>
   <input type="radio" name="sex" value="female" />Female
form>

复选框

`定义复选框

复选框允许用户从有限数量的选项中选择零或更多选项。

<form>
   <input type="checkbox" name="vehicle" value="Bike" />I have a bike
   <br>
   <input type="checkbox" name="vehicle" value="Car" />I have a car
form>

提交按钮

定义用于向表单处理程序(表格)提交表单的按钮。

表单处理程序通常是包含用于处理输入数据的脚本的服务器页面。表单处理程序是指该表格的属性

当然。

财产

属性定义提交表格时执行的操作。

通常的做法是将表格提交给服务器以使用提交按钮。

通常,表格将提交给Web服务器上的网页。

如果省略属性,将设置为访问当前页面。

<form action="http://www.pxcoder.com">
  First name:
   <input type="text" name="firstname" value="Mickey" />
   <br/>
  Last name:
   <input type="text" name="lastname" value="Mouse" />
   <br/><br/>
   <input type="submit" value="Submit" />
form>

下拉列表

定义下拉列表。

<select name="cars">
   <option value="hzmage">杭州码歌option>
   <option value="ncmage">南昌码歌option>
   <option value="shmage">上海码歌option>
   <option value="szmage">深圳码歌option>
select>

文本字段

此标签定义了多行文本输入控件。文本区域可以容纳无限量的文本,可以由Cols和Rows属性指定。

尺寸。 COLS指定文本区域内的可见宽度。行指定文本区域中可见线的数量。

<textarea name="message" rows="10" cols="30">
  The cat was playing in the garden.
textarea>

按钮

元素定义可点击按钮

常见特性

属性价值描述

禁用此按钮

类型

, 重置

指定按钮的类型

价值

文本

指定按钮的初始值

姓名

指定按钮的名称

标签标签

标签定义了输入元素的标签(标记)。标签元素不会带来任何特殊效果。标签标签的属性应与相关元素的ID属性相同。

<label for="username">用户名:label>
<input type="text" id="username" name="username"/>

14。html属性

HTML标签可以具有属性。属性提供有关HTML元素的更多信息。

属性总是以名称/值对的形式出现,例如:name =“ value”。

属性始终在HTML元素的开始标签中指定。

HTML提示:使用小写属性

属性和属性值是不敏感的。

但是,万维网联盟在其HTML 4建议标准中建议小写属性/属性值。新版本的HTML需要小写的属性。

始终引用属性值

属性值应始终包含在引号中。双引号是最常用的,但是使用单引号没有问题。

在某些单独的情况下,如果属性值本身包含双引号,则必须使用单引号,例如:

<input name='Bill "HelloWorld" Gates' />

二维码
扫一扫在手机端查看

本文链接:https://www.by928.com/8764.html     转载请注明出处和本文链接!请遵守 《网站协议》
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。

项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

13761152229

上班时间

周一到周五

公司电话

二维码
微信
线