html基础常用标签,HTML基础(三)常用标签-by Haley(示例代码)
一、注释文字
语法:
二、
-
标签
这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
三、
标签
在 HTML 页面中创建水平线
hr 标签定义水平线:
这是段落。
这是段落。
这是段落。
四、
标签
这是一个段落。
这是一个段落。
这是一个段落。
五、
标签
这个
段落
演示了分行的效果
六、 标签、标签、标签、标签、标签
对输出的文本进行格式, 如:粗体 or 斜体
通常标签 替换加粗标签 ("bold")来使用, 替换 ("italic") 标签使用。
加粗文本
斜体文本
电脑自动输出
这是 下标 和 上标
七、标签、 target 属性、id 属性
1.语法:
链接文本
2.target 属性
链接文本
链接文本
链接文本
链接文本
3.id 属性
如:
点击前往
文章
在HTML文档中插入ID:
有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id="tips")":
访问有用的提示部分
或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":
访问有用的提示部分
八、 标签、Alt属性
1.语法:
2.Alt属性
3.设置图像的高度与宽度
属性值默认单位为像素:
九、
标签、 |
标签
表格由
2.合并行 |
我是多余的 |
---|
十、
- 标签、
- 标签、
- 标签、
- 标签、
-
标签、type属性、start属性
HTML 支持有序、无序和定义列表:
1.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用
- 标签
- Coffee
- Milk
属性 值
type disc实心圆
circle空心圆
square实心矩形
2.有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于
- 标签。每个列表项始于
- 标签。
列表项项使用数字来标记。
- Coffee
- Milk
浏览器中显示如下:
1.Coffee
2.Milk
属性 值
type 数字,小写大写字母,罗马数字
start 数字
3.自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以
- 开始。每个自定义列表项的定义以
-
开始。
- Coffee
- - black hot drink
- Milk
- - white cold drink
浏览器显示如下:
Coffee
- black hot drink
Milk
- white cold drink
十一、
、大多数 HTML 元素被定义为块级元素或内联元素。
块级 (block-level)在浏览器显示时,通常会以新行来开始(和结束)。
实例:
,
,
- ,
内联元素(inline)在显示时通常不会以新行开始。
实例: ,
, ,
元素是块级元素元素是内联元素
十二、
标签、name属性、method属性、action属性、 标签、type属性标签功能结构
属性 值
name 字符串
method get/post
action URL
1.文本域
标签来设定文本域,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
First name:
Last name:
2.多行文本
文本内容
3.密码字段
标签来定义密码字段:
Password:
4.单选按钮(Radio Buttons)
标签定义了表单单选框选项
Male
Female
5.复选框(Checkboxes)
定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
I have a bike
I have a car
6.下拉框
(1)简单下拉框
Volvo
Saab
Fiat
Audi
(2)预选下拉框
Volvo
Saab
Fiat
Audi
(3)组别下拉框
河北
天津
深圳
广州
7.提交按钮(Submit Button)
定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
Username:
8.登录、重置、空按钮
按钮
9.上传文件
十三、框架集及
以下为例:
网页就会被分割成三个窗口,分别显示百度网易搜狐。
框架集一般会用于后台管理系统:
首先先建立T型页面,
浏览器显示如下:
然后建立三个HTML页面head.html、left.html、body.html,见下:
创建完三个HTML页面,为head.html、left.html、body.html后,src到之前的后台管理页面中,见下:
显示如下,基本框架已出现:
然后实现点击左侧超链接,右侧会出现相关内容。则再新建一个people.html、xitong.html:
然后回到后台管理T型页面,给右侧frame起名字为body,见下:
然后回到left.html,在
再加上target=“body”,见下,这使点击左侧的超链接时,会显示在name为body的frame中。
标签语法、设置高度与宽度、移除表框:
例:点击链接时页面会显示在 iframe框架中,见下:
注意: 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。
- 标签
html基础常用标签,HTML基础(三)常用标签-by Haley(示例代码)相关推荐
- 在html中标记bdo,HTML_HTML非常用标签 optgroup、sub、sup和bdo示例代码,optgroup 用在select 标记中 可以 - phpStudy...
4个不常用HTML标签optgroup.sub.sup和bdo. fieldset{width:300px;padding:5px 5px; margin:30px auto; display:blo ...
- html与css重置代码,HTML CSS标签类型转换、样式重置 、前段规范(示例代码)
HTML CSS 基础 标签默认值样式重置: (css reset)包含: body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体 ol,ul,a,img等标签的默认值样式重置 用群 ...
- python用户登录三次机会的注释_用户登录(三次错误机会)(示例代码)
简介这篇文章主要介绍了用户登录(三次错误机会)(示例代码)以及相关的经验技巧,文章约1907字,浏览量493,点赞数9,值得参考! #!/usr/bin/env python # -*- coding ...
- Linux引出环境变量的关键字,学习记录008-linux常用命令/设置系统and用户环境变量two(示例代码)...
修改文件 vi vi 是linux自带的,vim是vi的升级版 命令:vi 文件名 如果文件存在,那么就直接进入对应的文件的编译模式,如果文件不存在,那么就进入以文件名命名的空文件的编译模式 vi ...
- 计算机组成原理 cpu图,计算机组成原理和结构图式(第三章 CPU子系统)(示例代码)...
计算机组成原理和结构图式(第三章 CPU子系统) 1.运算部件 ?图3-39 M:存储部件(存储单元在存储部件中) R:通用寄存器组 ALU:逻辑运算部件 任务:输入/直送,加工,输出 运算器构成 输 ...
- html设置table表格的弧度,用CSS3和table标签实现一个圆形轨迹的动画的示例代码
html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现,当然不要忘了把div容器的外边 ...
- C语言丨运算符号的三种用法(有示例代码)
&: 在C语言中有两种意思,一种是取地址符,是单目运算符:另一种是位运算符,表示"按位与",是双目运算符. 1.用于指针赋值 #include<stdio.h> ...
- html网页的主题标签是什么6,HTML标签以及各个标签属性大全(网页制作必备)
取消换行 和 相反 总类(所有HTML文件都有的) -------------------------------------------------------------------------- ...
- html网页的主题标签是什么6,HTML标签及标签属性大全(网页制作必备知识)
html标签及标签属性大全(网页制作必备知识) 总类(所有html文件都有的) ------------------------------------------------------------ ...
最新文章
- python个人项目-软工作业个人项目wc.exe(python实现)
- php设计模式-工厂设计模式
- 【HTML/CSS】margin塌陷和合并问题
- Elasticsearch 模糊搜索
- 基于JAVA+SpringBoot+Mybatis+MYSQL的在线论坛管理系统
- 浮动和清除(闭合)浮动
- 14.UA池和代理池
- SQL 基础笔试题 (三)
- 辨异 —— 有两人生日在同一天、只有两人生日在同一天
- 关于java前端与后端的技术和工资对比!
- 2018达内web全套视频
- 【计算理论】计算复杂性 ( NP 完全问题 | NP 难 问题 P = NP 的情况 | NP 难 问题 P ≠ NP 的情况 )
- android模拟器mac版本下载,TapTap安卓模拟器for Mac-TapTap模拟器Mac版下载 V1.8.3-PC6苹果网...
- Failed to build sentencepiece
- Java - Certificate has been revoked
- 团队作业1 团队展示选题
- Unity3d——4种灯光的简介
- 从最新的技术趋势看前端的未来
- BCD码以及各进制之间的相互转换
- 微医的第七年:依托互联网医院联合体,如何推动人工智能的战略升级?