Html基本用法
hmtl
hyper text markup language
超文本标记语言
超文本:超越一般的文本 变色 加粗 变大 甚至设置超链接
标记:浏览器已经定义好的 一些由尖括号括起来的特殊符号
语言:用户跟浏览器交流工具
html文件应该以.html结尾 (可以以.htm结尾不推荐)
1.html语言 如果标签有开始有结束 称之为围堵标记
2.html语言中 如果标签没有标签体 称之为空标记
3.html语言不是怎么规范语言 最好应该按照规范来
4.html标签不区分大小写 国内开发者喜欢小写 最好小写
5.html语言中 标签最好正确的嵌套
6.标签中可以有属性:
书写格式 属性名="属性值" "" '' "'
文字类标签:
<hn></hn> n是一个可变数 取值范围1-6
<h1></h1>
特点:
加粗 换行 上下留白 从一到六越来越小
常用属性:
align:对齐方式 left center right
文字标签:
<font></font><br />
常用属性:
color:颜色
size:大小 1-7 1到7越来越大
face:字体家族
颜色的取值:
1.直接颜色的英文单词
2.RGB 以#打头跟上六个十六进制的数 #12345f
<b></b>:加粗
<strong></strong>:加粗
<i></i> :斜体
排版类标签:
<hr/>:水平线标签
常用属性:
width:宽度
宽度取值:
1.%百分比
2.px
align:对齐方式
换行标签
<br/>
段落标签
<p></p>
常用属性:
align:对齐方式
图片标签:
<img />
常用属性:
src:指定图片路径
alt:替代文字
width:宽度
height:高度
路径取值:
1.相对路径:
当前路径:./logo2.png ./可以不写
上级路径:../img/logo2.png
2.绝对路径:
http://img.baidu.com/xx.jpg
列表标签
ol:有序列表
ul:无序列表
常用属性:
ol:
type:控制前面显式样式
1:默认
A
a
I
i
ul:
type:
disc:默认
circle:空心圆
square:方块
共同的子标签
li:列表项
超链接标签:
<a></a>
常用属性:
href:跳转的页面的路径
target:跳转的页面的打开方式
_blank:新开一个选项卡打开
_self:默认
framename:在框架集里显示
路径取值:
相对路径:
当前路径:
上级路径:
绝对路劲:网址
#:跳转到当前页面
表格标签:
<table></table>
常用属性:
border:px
width:宽度
height:高度
cellspacing:表格线的间距
align:对齐方式
常用子标签:
<tr></tr>
tr标签 行
常用属性:
bgcolor:背景颜色
align:对齐方式
常用子标签:
<td></td>:单元格
常用属性:
bgcolor:背景颜色
align:对齐方式
rowspan:行合并
colspan:列合并
<th></th>:表头标签
特点: 加粗 居中
转义符:
常用的转义符:
书写格式
&单词;
空格转义符 :
大于号 >: > greate than
小于号 <: < less than
&符号: &
form表单标签:
form表单标签:
<form></form>
常用属性:
action:提交地址
method:提交的方法
get:
默认提交方式
参数会追加到url后面 ? 参数名=参数值&参数名=参数值
数据最大不能超过1kb
post:
没有数据大小限制
不会跟在url后面
较为安全
常见子标签:
input:输入框
type:(10种)
text:默认
password:密码框
radio:单选框
checkbox:多选框
file:上传文件
button:普通按钮
submit:提交按钮
reset:重置按钮
image:了解中了解
hidden:隐藏域
select:下拉选择框
常用子标签
option
textarea:文本域标签
常用属性
rows:行
cols:列
通用属性:
1.name属性
1.给单选框 多选框 分组
2.如果你想要提交数据 必须给标签一个name属性 并且必须赋值
2.value
1.给按钮类标签起名
2.单选多选框 提交数据的时候 你想要提交自己的想要值 value属性 必须赋值
设置默认值:
1.普通文本框 密码框 hidden设置默认值 给一个value属性值 必须赋值
2.给单选框 多选框设置默认值 给它设置一个checked属性
3.给select下拉选择框设置默认值 给它的子标签option设置 selected属性
4.给textarea设置默认值 直接在标签体内写内容即可
?username=tom&password=12345&gender=0&hobby=eat&hobby=sleep&avatar=&province=02&city=0201&desc=你好
点击提交按钮 发生表单提交事件 提交数据
在url后面跟上一个问号?参数名字=参数值
如果有多个参数 &连接
Html基本用法的更多相关文章
- EditText 基本用法
title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...
- jquery插件的用法之cookie 插件
一.使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...
- Java中的Socket的用法
Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...
- [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法
一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...
- python enumerate 用法
A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...
- [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...
- 【JavaScript】innerHTML、innerText和outerHTML的用法区别
用法: <div id="test"> <span style="color:red">test1</span> tes ...
- chattr用法
[root@localhost tmp]# umask 0022 一.chattr用法 1.创建空文件attrtest,然后删除,提示无法删除,因为有隐藏文件 [root@localhost tmp] ...
- 萌新笔记——vim命令“=”、“d”、“y”的用法(结合光标移动命令,一些场合会非常方便)
vim有许多命令,网上搜有一堆贴子.文章列举出各种功能的命令. 对于"="."d"."y",我在无意中发现了它们所具有的相同的一些用法,先举 ...
- [转]thinkphp 模板显示display和assign的用法
thinkphp 模板显示display和assign的用法 $this->assign('name',$value); //在 Action 类里面使用 assign 方法对模板变量赋值,无论 ...
随机推荐
- Servlet------>jsp自定义标签4(重复标签体)
4.控制标签体内容执行五次(tld中的配置,和jsp我就省略了,详细请看jsp自定义标签1)这里这个方法是继承了tag接口的实现类,这个实现类里不只实现了tag接口,还有tag接口的子接口,也就是It ...
- 20165330 2017-2018-2 《Java程序设计》第5周学习总结
课本知识总结 第七章 内部类与异常类 内部类:类的一种成员 外嵌类:包含内部类的类称为内部类的外嵌类 二者关系: 内部类的外嵌类的成员变量在内部类中仍然有效,内部类中的方法也可以调用外嵌类中的方法. ...
- #include <sys/epoll.h> epoll - I/O event notification facility 服务器端 epoll(7) - Linux manual page http://www.man7.org/linux/man-pages/man7/epoll.7.html
epoll使用详解(精髓) - Boblim - 博客园 https://www.cnblogs.com/fnlingnzb-learner/p/5835573.html epoll使用详解(精髓) ...
- 服务器端IO模型的简单介绍及实现
https://mp.weixin.qq.com/s?src=3×tamp=1541726441&ver=1&signature=xPSye3v7miF7aVeLHb ...
- Spark源码分析 – Checkpoint
CP的步骤 1. 首先如果RDD需要CP, 调用RDD.checkpoint()来mark 注释说了, 这个需要在Job被执行前被mark, 原因后面看, 并且最好选择persist这个RDD, 否则 ...
- ledecode Reverse Words in a String III
557. Reverse Words in a String III Given a string, you need to reverse the order of characters in ea ...
- WebRtc(网页即时通讯技术)知识点总结
前言 WebRTC,名称源自网页实时通信(Web Real-Time Communication)的缩写,简而言之它是一个支持网页浏览器进行实时语音对话或视频对话的技术.并且还支持跨平台:window ...
- 最简单的win7、win8免费升级正版win10图文教程
https://www.microsoft.com/zh-cn/software-download/windows10 http://jingyan.baidu.com/article/19192ad ...
- Linux:Centos7升级内核(转)
更新前,内核版本为: uname -r 3.10.0-327.10.1.el7.x86_64 升级的方法: 1.导入key rpm --import https://www.elrepo.org/RP ...
- 我在Xcode 6上Swift框架的测试经验分享
我耗费了两个多月时间来琢磨Swift作为一门函数是编程语言都能做些什么,而今已经转移 到使用Swift来开发库文件了. 我花了一天的时间,最后发觉之前做的Swift特性探究是相当愉快的经历,我发现仍旧 ...