类或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' />
扫一扫在手机端查看
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。


客服1