Html标签第一课

<p>段落标签</p>
<h1>字体标签，1到6，越来越小</h1>.....<h6></h6><h>标签自动换行
<br/>换行（单个标签）
<hr/> 水平线（单个标签）的几个属性：
size粗细 width 宽度 Align对齐方式（left,right,center,默认center） color颜色
空格： 
<center>整体居中</center>
<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
<body>标签的三个属性：bgcolor背景颜色 text 网页中所有的字体颜色 background="image/bg.jpg"
<ol type="a">有序列表,通过type的值修改初始值
<li>你好默认从1开始<li>
<li>你好<li>
</ol>
<ul type="circle">无序列表,通过type的值空心圆还是实心圆
<li>你好默认是个黑点点<li>
<li>你好<li>
</ul>
<caption>表格标题</caption> 属性：align=bottom/top; 表格可以进行嵌套
<table >表格属性：border（边框宽度）,width（宽度）,height（高度），cellspacing(表格内框的宽度)cellpadding(表格内的文字至四周边框的距离)bordercolor(边框颜色)bgcolor(背景颜色)align(表格在网页中的水平对齐方式)colspan:跨列 rolespan:跨行
<tr> 行标签 <th>表头，姓名</th><th>表头，年龄</th><th>表头，国籍</th></tr>
<tr> 行标签 <td>列,张三</td><td>年龄，24</td><td>中国</td></tr>
<tr> 行标签 <td>列,张三</td><td>年龄，24</td><td>中国</td></tr>
</table>
有序列表跟无序列表可进行嵌套。
虽然有些html有自己的属性去设置该标签的外观，但是实际开发中，不会用自己的属性去做外观处理，而是用CSS。一般用div做布局，不用table做布局
<image src="1.jpg"/> 图片和HTML在同一个文件夹下
<image src="../1.jpg"/> html上一级目录下的图片(相对路径)
<image src="../2/1.jpg"/> html上一级目录文件夹为2下的图片(相对路径)
<image src="c/user/.."/> (绝对路径)
<image src="../1.jpg"/> 属性：height， width，border边框 lowsrc（低分辨率的图片位置）alt(当找不到图片时可用文字代替)
<a href = "http://www.baidu.com" target="_black">百度</a>
<a href = "javascript:;" target="_black">百度</a> 不跳转页面
<marquee>滚动字幕（图片也可滚动），默认从右到左</marquee>属性：height，开始滚动时的高度；hspace滚动的区域(离浏览器左边的边框)；,direction，滚动的方向（=up/down/right）behavior="alternate"(来回滚)/slide(跑到目的地就不滚动了) ；scrollamount,滚动的速度；scrolldelay,滚动一下停止的时间，单位为毫秒，走走停停；bgcolor,滚动文字的背景；
<form>表单元素</forrm>

（表单：当做一个注册时，可把内容放在表单里面，当输入的时候需要把内容提交至后台，后台的传值方式有两种，一种是get{通过问号传参的方式，数据量较小，安全系数比较高的。浏览器的地址栏可以看到id/类型},另一种是post｛地址栏看不到，安全系数较高的情况，数据量较大｝，默认情况是get）

<form action="http://www.baidu.com "(提交到后台的网址) method ="post"(选择为post)>

<table>

<tr><td>用户名：</td><td><input type = "text"/></td></tr>

<tr><td>密码：</td><td><input type = "password"/></td></tr>

<tr><td>喜欢的颜色：</td><td><select>

<option>-----请选择</option><option>红色</option><option>绿色</option></select></td></tr>

<tr><td>性别：</td><td><input type = "radio"(单选按钮) name = "sex" id ="m"/><label for="m"></label>男<input type = "radio"(单选按钮) name = "sex" id ="f"/><label for="f"></label>女</td></tr>

<tr><td>你喜欢的水果：</td><td><input type = "checkbox（复选框）"/>橘子<input type = "checkbox（复选框）"/>苹果<input type = "checkbox（复选框）"/>香蕉</td></tr>

<tr><td>头像：</td><td><input type = "file（上传按钮）"/></td></tr>

<tr><td>个人简介：</td><td><textarea(多行输入框) cols(宽度)rows（高度）></texearea></td></tr>

<tr><td><input type = "reset"（重置按钮，清空表单里的内容）/></td></tr>

<tr><td><input type = "submit"(提交按钮，把表单里的内容整体提交）/></td></tr> 重置按钮和submit 只能在form中用

<tr><td><input type = "button" value="我是一般的按钮"/></td></tr></table>

</form>

<form><fieldset style=""><legend align="top"> 图书分类</legend></fieldset> fieldset：对表单进行分组，一个表单可以有多个fieldset。
　　　　legend：说明每组的内容描述。

</form>

<iframe src ="http://www.baidu.com" height="" width =""> （页面里面嵌套页面）</iframe>

百分比是针对上一级标签的，如果没有上一级标签，则针对浏览器的页面。

<textarea(多行输入框) cols(宽度)rows（高度）style = "resize:none;"(文本框大小不能拖放)></texearea>

Html标签第一课的更多相关文章

vue.js学习（第一课）
学习资料来自台湾小凡! vue.js是javascript的一个库,只专注于UI层面,核心价值永远是 API的简洁. 第一课: 不支持IE8. 1.声明式渲染: el元素的简称 element : ...
Magento学习第一课——目录结构介绍
Magento学习第一课--目录结构介绍一．Magento为何强大 Magento是在Zend框架基础上建立起来的,这点保证了代码的安全性及稳定性.选择Zend的原因有很多,但是最基本的是因为zen ...
NeHe OpenGL教程第一课：OpenGL窗口
转自[翻译]NeHe OpenGL 教程前言声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...
妙味课堂——HTML+CSS(第一课)
一句话,还记忆不如烂笔头,何况还这么笨,记下笔记,也是记录这一路学习的过程. 妙味课堂第一课并未一味地先讲HTML,而是穿插着CSS讲解,这一点不同于一些其他视频,这一点挺特别的!所以这一课涉及到HT ...
互联网金融爬虫怎么写－第一课 p2p网贷爬虫（XPath入门）
版权声明:本文为博主原创文章,未经博主允许不得转载. 相关教程: 手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课 ...
【Web探索之旅】第二部分第一课：客户端语言
内容简介 1.第二部分第一课:客户端语言 2.第二部分第二课预告:服务器语言第二部分:Web编程语言和工具大家好.上一个部分我们学习了Web的一些基本概念: 什么是Web? Internet和We ...
Asp.Net Web API 2(入门)第一课
Asp.Net Web API 2(入门)第一课前言 Http不仅仅服务于Web Pages.它也是一个创建展示服务和数据的API的强大平台.Http是简单的.灵活的.无处不在的.你能想象到几乎 ...
初学Python（第一课）
今天整理一下关于Python初学者的基础知识部分的第一课,因为之前学习过C,所以过于基础的知识就不详细记录了. Python相对于C\C++来说,在语法方面已经很简单了:甚至对于JavaScript也 ...
【JavaScript从入门到精通】第一课初探JavaScript魅力-01
第一课初探JavaScript魅力-01 JavaScript是什么如今我们打开一个大型的网站,都会有很多JS效果的功能和应用.对于学过CSS+HTML的同学,即使是像淘宝那样的网站,用一两天时间 ...

随机推荐

nginx ssl 更换问题
公司之前使用的是免费startssl证书,听说IOS 以后不信任这些免费的验证不严格的证书,公司果断购买了一个统配域名证书,其实不用貌似也没什么事,主要是提交app的时候得说明理由,被拒的可能性比较大 ...
用SignalR实现实时查看WebAPI请求日志
实现的原理比较直接,定义一个MessageHandler记录WebAPI的请求记录,然后将这些请求日志推送到客户端,客户端就是一个查看日志的页面,实时将请求日志展示在页面中. 这个例子的目的是演示如何 ...
Sublime Text3 快捷键
选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本. Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更改所有相同的变量名.函数 ...
UML图
三.说明: 1.类图第一层显示的是类名,如果是抽象类,就用斜体表示. 第二层是类的特性,通常就是字段和属性. 第三层是类的操作,通常是方法和行为. 注意:'+' 表示 public, '-' 表示 ...
MySQL查询分析器EXPLAIN或DESC
转载:http://chenzehe.iteye.com/blog/1682081 MySQL可以通过EXPLAIN或DESC来查看并分析SQL语句的执行情况,如下需要计算2006年所有公司的销售额, ...
usb中的传输模式
别人总结的一个usb传输模式,保存一下 usb中的endpoint(端点)和传输模式端点: 端点位于USB 外设内部,所有通信数据的来源或目的都基于这些端点,是一个可寻址的FIFO. 每个USB 外 ...
SPSS数据分析—广义线性混合模型
广义线性混合模型是目前线性模型范畴内最为完备的模型框架,它是广义线性模型的进一步延伸,进一步突破适用条件,因变量既可以非正态,也可以非独立,由于其最为复杂,因此SPSS对其输出结果采用模型格式,而不 ...
JAVA过滤器与SpringMVC拦截器之间的区别
今天学习和认识了一下,过滤器和SpringMVC的拦截器的区别,学到了不少的东西,以前一直以为拦截器就是过滤器实现的,现在想想还真是一种错误啊, 而且看的比较粗浅,没有一个全局而又细致的认识,由于已至 ...
easyui datagrid 分页
//初始化dategrid $('#tt').datagrid({ url:null, pagination:true, pageSize:, pageNumber:, rownumbers:true ...
asp.net网站运行出错：the underlying provider failed on open的解决
在登录系统,通过linq查询时发生错误,the underlying provider failed on open,如何解决,请看: Step 1:Open Internet Information ...

Html标签第一课

Html标签第一课的更多相关文章

随机推荐

热门专题