HTML 常用标记

1,换行               <br/>

2,  空格               &nbsp;

3,  段落               <p></p>

4,  图片               <img src="路径" title="图片标题" alt="裂图后显示的文字(防止裂图)" />

5,  超链接            <a href="路径"  target="_black"(新建选项卡打开)>要是用什么内容超链接(图片/文字)</a>

6,表

<table> 表

<tr>行

<td>单元格

</td>单元格结束

</tr>行结束

</table>表结束

width=""     宽          align=""     水平位置               valign=""   上下位置

height=""    高          background=""     背景图片          bgcolor=""       背景色

border=""    表格边线              bordercolor=""   表格边线颜色       cellpadding=""   单元格内容到边线距离

cellspcing=""    单元格间距

7,表单12元素

<form action="服务器路径" method="pose(常用)/get(不常用)">

表单内容

</form>

(1)文本类

I。文本框:<input type="text"/> (不可调节大小,显示输入内容,长度不限制)        placeholder="" (灰色内容)        value=""(默认显示内容)

II。密码框:<input type="password"/>(不可调节大小,输入内容显示●,长度不限制)placeholder="" (灰色内容)         value=""(默认显示内容,但是显示●)

III。文本域:<textarea></textarea>(可调节大小,多行文本,长度不限制)              placeholder="" (灰色内容)

IV。隐藏文本框:<input type="hidden"/>(计算机查看,用户看不到)

(2)按钮类

I。普通按钮:<input type="button"/>                              value=""  (按钮改名)

II。提交按钮:<input type="submit"/>                            value=""   (按钮改名)

III。重置按钮:<input type="reset"/>                              value=""  (按钮改名)

IV。图片提交按钮:<input type="image" src="路径"/>

(3)选择类

I。单选:<input type="radio"    1.name="" (分组)     2.value="" (上传到服务器数据)    3. id="值"    />

<label for="值">(图片/文字)</label> (点击文字也可选择)

II。多选:<input type="checkbox"/>     1.name="" (分组)     2.value="" (上传到服务器数据)    3. id="值"  />

<label for="值">(图片/文字)</label> (点击文字也可选择)

III。下拉菜单:

<select>                                           value="" (上传到服务器数据)

<option>值1</option>

<option>值1</option>

</select>

IV。上传文件:<input type="file"/>      value="" (上传内容的路径)

8,标题标记   (自动换行)

<h1></h1>(大级标题) 字体最大

<h2></h2>(二级标题)字体小

<h3></h3>(三级标题)字体更小

.....    .....

<h6></h6>(六级标题)字体最小

9,层标签

I。<div>内容</div>             (块级元素,完成后自动换行 )

II。<span>内容</span>         (行内元素,完成后不会自动换行)

10,列表

I。有序列表:

<ol type="a/1/I">             显示:             type="a"                   "1"                                     "I"

<li>内容1</li>                                       a.内容1                        1. 内容1                            I.内容1

<li>内容2</li>                                       b. 内容2                       2.  内容2                          II.内容2

</ol>

II。无序列表:                    显示:

<ul type="circle">

<li>内容1</li>                    . 内容1

<li>内容2</li>                    . 内容2

</ul>

时间: 2025-01-03 05:29:30

HTML 常用标记的相关文章

python 日期格式化常用标记

符号 说明             例子    %a  英文星期的简写 Mon  %A  英文星期的完整编写 Monday  %b  英文月份的简写 Jun  %B  英文月份的完整编写 June  %c  显示本地的日期和时间 06/30/14 01:03:17  %I  小时数,取值在01~12之间 01  %j  显示从本年第一天开始到当天的天数 181  %w (week)  显示今天是星期几,0表示星期天 1  %W  显示当天属于本年的第几周,星期一作为一周的第一天进行计算 26  

HTML5 其他常用标记

HTML5 其他常用标记 浮动框架 <iframe> 元素 可以在一个浏览器窗口中同时显示多个页面文档,可以通过设置 <iframe> 元素的 src 属性,指向其他页面的 URL. 语法: 开始标记:必需 内容:可以添加文本描述,当浏览器不支持 <iframe> 元素时,将显示该文本描述信息 结束标记:必需 主要属性: src:浮动框架中的网页的 url height:高度 width:宽度 浮动框架<iframe src="frame1.html&q

Html5之基础-9 HTML表单、其他控件、其他常用标记

一.表单概述 表单的作用 (1) 表单用于显示.收集信息,并提交信息到服务器 (2) 表单有两个基本部分 - 实现数据交互的可见的界面元素,比如文本框或按钮 - 提交后的表单处理 (3) 页面元素 - 使用 <form> 元素创建表单 - 在 <form> 元素中添加其他表单可以包含的控件元素 如图: 表单元素 <form> (1) 定义表单:使用成对的 <form></form>标记 (2) 主要属性 - action:  定义表单被提交时发生

html基础视频教程之常用标记

html基础视频教程之常用标记 网页一些常用的标记原始码 呈现结果     ( 代表一个不断行空白) < < > > & & " "  在 HTML备注 <!-11css.com--> 1.<b>-</b> 粗 显现的粗体,2.<i>-</i> 斜3.<s>-</s> 删4.<u>-</u> 下划5.<tt>-</tt&g

HTML文档的常用标记

一.HTML文档中常用的标记有文字标记.段落标记.列表标记.超链接标记.图像标记.表格标记.框架标记和多媒体标记,下面对这些常用标记进行介绍: 1.文字标记:文字是网页重要的组成部分之一,通过使用标题标记.文字格式标记和文字样式标记来改变枯燥乏味的文字,可以使浏览者更有效的浏览网页.下面对标题标记.文字格式标记和文字样式标记进行介绍: 1.1.标题标记<hn>...</hn>: (1).在浏览网页时常常看到一些标题文字,用来划分各个章节,在HTML文档中可以使用标题标记来指明页面上

第一弹 常用标记和表格的运用

今天上午学习的是各种常用的标记以及它们的用法, <html>-------开始             <head>                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>控制网页编码格式,防止乱码                <title>网页的名字或者标题</title>        

Html常用标记总结

超文本标记语言的结构包括"头"部分(英语:Head).和"主体"部分(英语:body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. Web页面绝大多数都是由html所编写的. 一.与段落控制相关的标签 <p align="#">表示paragraph.作用:创建一个段,属性align表示段的对齐方式,#可以是left.center.right.justify <br&

html常用标记

1.HTML 文档结构 1.1 <html>,<head>,<title>,<body>标记,注意:html不区分大写小的 1.2 </br>                       换行标记 <p></p>                 段落标记 <h1></h1>             标题标记 <center></center>  居中标记 1.3 无序列表 &

HTML入门——常用标记

html超文本标记语言,编写网页文档的一种标记语言. html框架 这个框架就像我们人一样,可以理解为头和身体.我们对网页需要显示的东西就是在这个框架内制作的.html中 的框架如下图,我们只要在下面的框架中写内容即可. 段落控制相关的标签 <span style="font-family:KaiTi_GB2312;font-size:18px;"><p align="#"> </span> 表示paragraph.作用:创建一个