html基础标签用法
head
| title | 行级双 | 网页标题标签 |
|---|---|---|
| meta | 单 | 存放网页重要信息,字符集,搜索索引,简介等(不显示) |
| a 标签行内双标签 | href="跳转路径", (JavaScript:void(0))超链接失效 |
|---|---|
| 属性 | target="打开方式"(_self _blank ) 本页面打开|新页面打卡 |
| form 属性 行级双 | action="提交地址" |
|---|---|
| method="get" | 在地址栏提交,大小受限2k左右,不安全 |
| method="post" | 不在地址栏提交,大小没限制,相对安全 |
| input | 表单输入标签 |
|---|---|
| type = "text" | 文本输入框 |
| type = "password" | 密码输入框(信息隐藏) |
| type = "radio" | 单选框 checked 默认选中 |
| type = "checkbox" | 复选框 checked 默认选中 |
| type = "button" | 按钮 |
| type = "submit" | 提交表单按钮 |
| type = "reset" | 重置表单按钮 |
| type = "image" | 图片提交 |
| type = "hidden" | 隐藏 |
| type = "file" | 文件输入框 |
| select | 下拉选标签 option 下拉选选项 |
|---|---|
| selected = "selected" | 默认选中 |
| size="数字" | 显示的条目 |
| multiple="multiple" | 设置可以多选 |
| textarea | 文本域标签 |
|---|---|
| rows | 属性 文本域默认的大概行数 |
| cols | 属性 文本域默认的大概列数 |
| 通用属性 | name 给单选和复选框分组 |
|---|---|
| name | 作为提交表单信息的键 |
| value | 给按钮起名 |
| value | 给表单设置默认值 |
| disable | 设置表单不可用(不能选中和更改) |
| readonly | 设置表单只读 |
| img图片标签 | 行内单 |
|---|---|
| src ="图片路径" | |
| alt="图片打开失败显示的内容" | |
| title="鼠标悬停显示的内容" |
| table表格标签 | 行级双 |
|---|---|
| caption | 表格标题 |
| tbody | 表格体,可以不写,默认存在 |
| tr | 表格行标签 |
| th | 表格表头标签 |
| td | 表格单元格标签,colspan设置占多列,rowspan设置占多行 |
| width="表格宽度" | |
| border="表格外边框粗细" | |
| align="对齐方式" 可以用在td,tr,table |
| ol | 行级双 有序列表标签 | |
|---|---|---|
| li | 列表中的每一项 | |
| type="序号属性":1数字 a|A字母 i|I罗马数字 | ||
| ul | 行级双 无序列表标签 | **** |
| li | 列表中的每一项 | |
| 属性 | type="序号属性":disc实心圆 circle空心圆 square方块 |
| div | 行级双 | 本身无样式,独占一行 |
|---|---|---|
| span | 行内双 | 本身无样式,行内的一片区域 |
| 文本标签 | |
|---|---|
| p 行级双 | 段落标签,独占一行,前后留白 |
| br 行级单 | 换行标记 |
| hr 行级单 | 分隔线标记 |
| h1-h6 行级双 | 标题标签,独占一行,前后留白,数字越小字越大 |
| font 行内双 | 文字标签已过时 |
| i 行内双 | 斜体 |
| b 行内双 | 文字加粗 |
| strong 行内双 | 文字加粗 |
html基础标签用法的更多相关文章
- js基础标签用法
js是脚本语言,开始标签<script type="text/javascript">.......结束标签</script>.script通常放在< ...
- HTML基础标签入门
HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...
- H5 新标签用法及解释
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(p ...
- 【JSP】<meta>标签用法
转载自:http://blog.sina.com.cn/s/blog_65c74cce0102v39z.html 非常感谢这位博主,急着用,改日再细细品味重新整理这篇博文. http-equiv M ...
- Web前端设计:Html强制不换行<nobr>标签用法代码示例
在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容.这就可以nobr标签来实现.它起到的作用与word-break:keep-all 是一样的.nobr 是 ...
- JAVA中的break[标签]continue[标签]用法
原文:JAVA中的break[标签]continue[标签]用法 注意:JAVA中的标签必须放在循环之前,且中间不能有其他语句.例如:tag:for或while或do--while; 1.使用brea ...
- Thinkphp中的内置标签用法
Thinkphp中的内置标签有:Volist,Foreach,For,Switch,比较标签,范围判断标签,IF,Present,Empty,Defined,Assign,Define,标签嵌套,im ...
- ThinkPHP模板IF标签用法详解
投稿:shichen2014 字体:[增加 减小] 类型:转载 时间:2014-07-01 我要评论 这篇文章主要介绍了ThinkPHP模板IF标签用法,需要的朋友可以参考下 ThinkPHP的IF标 ...
- HTML基础-标签
html标签元素 html标签 在HTML静态页面中,每个网页具有唯一`<html></html>`,即`<html>`标签. html div标签 即网页中的盒子 ...
随机推荐
- Luogu P1856 [USACO5.5]矩形周长Picture
线段树+扫描线 经典的扫描线问题 首先将一个矩形看作由竖着的两条边和横着的两条边构成 那分成两次考虑,一次考虑竖边,一次考虑横边 首先考虑横边 如图两个矩形,现将横边擦去,留下竖边,将平面划分成3个区 ...
- Docker学习—Compose
前言 前面<Docker学习-DockerFile>文中介绍了dockerfile相关的语法,及使用方式:接下来了解docker三剑客之一的 Compose:接下来详细学习. 一.dock ...
- [阿里DIN] 从模型源码梳理TensorFlow的乘法相关概念
[阿里DIN] 从模型源码梳理TensorFlow的乘法相关概念 目录 [阿里DIN] 从模型源码梳理TensorFlow的乘法相关概念 0x00 摘要 0x01 矩阵乘积 1.1 matmul pr ...
- 转载:Python中collections模块
转载自:Python中collections模块 目录 Python中collections模块 Counter defaultdict OrderedDict namedtuple deque Ch ...
- Docker - 解决 Error response from daemon: driver failed programming external connectivity on endpoint tomcat9999
问题背景 执行 docker start tomcat 报以下的错误 Error response from daemon: driver failed programming external co ...
- git命令学习之clone指定分支代码
今天要拉取一个项目,但是是一个指定分支,本来我以为直接git clone就行,但是发现好像不能,报错: Cloning into 'lecture'...fatal: unable to update ...
- 【java从入门到精通】day-06-基本运算符-自增自减运算符
1.运算符 java语言支持如下运算符: 算术运算符:+,-,*,/,%,++,-- 赋值运算符:= 关系运算符:>,<,>=,<=,==,!=,instanceof 逻辑运算 ...
- Cisco思科模拟器路由器各个端口IP地址的配置及路由协议RIP的配置 入门详解 - 精简归纳
Cisco思科模拟器路由器各个端口IP地址的配置及路由协议RIP的配置 入门详解 - 精简归纳 JERRY_Z. ~ 2020 / 11 / 21 转载请注明出处!️ 附: 交流方式: ️ ️ ️ Q ...
- 01、Spring环境搭建
环境:SpringSource-Tool-3.9.9.Eclipse4.10.0 首先,我们需要解决的是Spring包的问题,我看了百度.CSDN很多都是直接一上来随便丢个包就可以安装了,搞得我弄了一 ...
- NProgress使用教程
GitHub地址 rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc (github.com) 演示网站 N ...