【HTML】HTML标签介绍
1. < 小于号
2. > 小于号
3. 空格
4. <p> </p> 内容作为一个段落
5. <br/> 表示换行
6. <h1> </h1> 设置字体大小可以为1 – 6 ;
7. <b> </b> 设置字体为粗体
8. <a href = “www.baidu.com”>我的连接</a> 设置‘我的连接’的超链接为www.baidu.com
a) 属性target:若将target = “_blank”则从新窗口打开
9. <img> 显示图片
a) 属性border:设置图片是否有边框 属性值 表示框体像素;
b) 属性width:图片宽度
c) 属性height:图片高度
d) 属性alt:鼠标放上后显示的文本
10. <ul></ul> 内部添加<li>为加·原点
11. <ol></ol> 内部添加<li>是数字标号
12. <table></table> 建立一个表格
a) <tr></tr> 添加行
i. 属性align:对齐方式
b) <td></td> 添加列
i. 属性align:对齐方式
13. <form></form> 表单
a) <input> 输入编辑器
i. <type> 要插入的控件
b) Text属性
i. Size:控件大小
ii. Value:默认显示文本
iii. Maxlength:做多输入文本数
iv. Readonly:文本框为只读
c) Checkbox属性
i. Checked:表示是否被勾选(redio)也有此属性
d) <select></select> :combobx等高级控件
i. 属性size:小于等于1时 为 Combobox控件否则为 Listbox;
ii. 属性multiple:为multiple时为Listbox 不指定时为Combobox控件
iii. <option></option>:往控件中添加项目
iv. <option selected=”selected”></option>:默认选择此项
v. <optgroup></optgroup>:添加分割标签
e) <textarea></textarea> 文本框,多行。
i. 属性cols:列
ii. 属性rows:行
f) <label></label>:标签
i. For:表示要服务的控件ID
g) <fieldset></fieldset>:相当于C#中的Groupbox 框架
i. <legend></legend>:框架显示名称,可以为空
14. <hr/> :画分割横线
15. 提交按钮:将信息信息提交给服务器
16. <input type="button" onclick ="window.open('http://www.baidu.com')" value="注册" /> :按钮中添加单击事件,在新窗口中打开链接
17. <input type="button" onclick="window.location.href('http://www.baidu.com')" value="注册" />:按钮中添加单击事件,在原窗口中打开链接
18. alt:图片不能显示的时候,显示的文字
19. title:鼠标放上图片时,显示的文字
20. div:层
21. span:块
CSS
1. 计量单位:
a) Px:像素
b) Em:相对单位
c) %:百分比
2. background-color:背景颜色
3. color:字体颜色
4. border-color:边框颜色
5. border-with:边框宽度
6. border-style:边框风格
7. display:隐藏
8. cursor:鼠标进入控件区域时,显示的光标图标。
【HTML】HTML标签介绍的更多相关文章
- java web学习总结(二十七) -------------------JSP标签介绍
一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...
- html常用标签介绍
常用标签介绍 文本 最常用的标签可能是<font>了,它用于改变字体,字号,文字颜色. 点击查看效果 <font size="6">6</font&g ...
- 一、JSP标签介绍,自定义标签
一.JSP标签介绍 1. 标签库有什么作用 自定义标签库是一种优秀的表现层技术,之前介绍的MVC模式,我们使用jsp作为表现层,但是jsp语法嵌套在html页面,美工还是很难直接参与开发,并且jsp脚 ...
- 前端入门html(标签介绍)
day47 参考:https://www.cnblogs.com/liwenzhou/p/7988087.html # web本质 示例 import socket sk = socket.socke ...
- 3-[HTML]-head标签介绍
1.head标签 我们首先来介绍一下head标签的主要内容和作用,文档的头部描述了文档的各种属性和信息,包括文档的标题.编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用(移动 ...
- WEB学习-基础知识:列表、表单、div和span、注释、字符实体、HTML废弃标签介绍
列表 无序列表 无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的. ul就是英语unordered list,“无序列表”的意思. li 就是英语list item , “列 ...
- noscript 标签介绍
noscript 标签介绍 一.总结 一句话总结: noscript 标签在不支持JavaScript 的浏览器中显示替代的内容. 1.noscript标签使用实例? html标签直接放在noscri ...
- template标签介绍和使用
template标签介绍和使用 1.介绍:template标签是html5新出来的标签,具有3个特点,(1)随意性:可以写在页面中的任何地方.(2)不可见性:它里面的元素都是不可见的.(3)页面也不会 ...
- 2、Spring的IOC标签介绍以及实例
一.Spring_ioc配置文件bean标签介绍 1. bean标签 名称:bean 类型:标签 归属:beans标签 作用:定义spring中的资源,受此标签定义的资源将受到spring控制 格式: ...
- html 不常用标签介绍
文本元素 <wbr> 如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机).英 ...
随机推荐
- U盘免疫
界面如下: 关键部分代码如下: void CImmunityUDlg::OnBnClickedButtonOk() { // TODO: 在此添加控件通知处理程序代码 TCHAR szPath[MAX ...
- 剖析Unreal Engine超真实人类的渲染技术Part 1 - 概述和皮肤渲染
一.概述 1.1 数字人类的概要 数字人类(Digital Human)是利用计算机模拟真实人类的一种综合性的渲染技术.也被称为虚拟人类.超真实人类.照片级人类. 它是一种技术和艺术相结合的综合性模拟 ...
- 面试还不知道BeanFactory和ApplicationContext的区别?
接口 BeanFactory 和 ApplicationContext 都是用来从容器中获取 Spring beans 的,但是,他们二者有很大不同 我看到过很多问 BeanFactory 和 App ...
- jmeter安装与部署
1.JDK组件安装 jmeter是一款java开发的测试软件,需要JDK运行环境支持,因此在安装jmeter前需要安装调试好jdk运行环境.jmeter3.2需要1.8以上版本jdk才可以正常运行.首 ...
- 修改npm默认安装路径
npm config ls npm config set prefix D:\ag\npm
- SSM(三)Mybatis动态SQL
1.查询语句,where: <resultMap id="xxx" type="xx..Student" autoMapping="false& ...
- idea 创建maven项目(一)
1.新建 Project 2.点击Next 3.填写组织名称和项目名称,点击next 4.在你的本地仓库目录下创建settings.xml文件,把mirror的url改成阿里云的 <?xml v ...
- oh-my-zsh自定义配置
oh-my-zsh主题配置 默认的zsh主题robbyrussell已经很棒了, 简洁高效, 能很好的显示git的相关信息, 比如branch信息, 修改, 删除, 添加等操作. 但是多用户的话就不能 ...
- Java连载2-Java特性
一.JDK 1.含义:Java开发工具包. 2.做Java开发之前必须安装的一个工具包,下载地址:https://www.oracle.com/index.html 3.Java包括三大块内容: ( ...
- ACM之路(转载)
转载自:https://www.cnblogs.com/tianjintou/p/4139416.html 要注意,ACM的竞赛性强,因此自己应该和自己的实际应用联系起来. 适合自己的才是好的,有的人 ...