HTML的基础引见
发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
HTML的基础介绍
前端基本介绍:
前端:一切可视化的事物叫前端。
前端:包括了网页端和移动端。
网页端:HTML 4.0/CSS 2.0 /JS/JQuery 2.x/HTML 5.0/CSS 3.0/Bootstrap 2.0/3.0/node.js/Auglar.js ....
移动端:
- OC/android/swift 原生开发技术
iOS 10万
android 8万
20万
- HTML5 混合式开发技术
HTML5 10万
<>HTML 全部的标签,都是以<>为表示形式。
标签:一个标签有一种含义。
<XHTML> 所谓的XHTML 就是HTML + XML的结合体。
所以XHTML其实就是规范化的HTML语言。
HTML的标签:
1、<h1> 浏览器标题。标题具有换行的特点。从h1到h6 逐次递减。align 属性可以标题的位置。如:<h1 align="center"></h1>
2、<p> 段落标记。具有上下换行的特点。
3、<br/> 单纯的换行标记。相当于java里面的n
4、<hr> 分割线。注意:如果没有标签之间没有任何内容,可以只写一个头部。但是要这么写<hr/>
5、<a> 超链接标签。需要添加属性,大部分HTML标签里都需要添加属性以达到标签具体 实 现的效果。如:<a href=""></a> href属性表示你要去往哪里。注意:href的值,只能有2种:一种是网址。一种是本地文件(在引用文件的时候注意路径,也就是我们经常提到的绝对路径和相对路径),target属性,一般表示以何种形式打开。_blank表示新窗口打开。
6、<!-- 这里填写注释 --> 表示的就是注释。
7、<img> 图片标签。可以引入一张图片。src属性 表示图片的路径。由于<img></img>标签之间不需要任何东西,因此可以简写<img src="" />。 width 表示宽度。 heigth 表示高度。如:
<img src="" width="" height="" />
8、<font> 文字标签,属性color 可以设置文字颜色。size 设置文字大小
9、<table> 表格标签。<thead>一般用来表示表格头部,<th> 一般用来表示头部的标题 <tbody> 一般用来表示表格的内容。<tr> 一般用来表示一行, <td> 一般用来表示一行中的某一个单元格。
10、<ul><li></li></ul> 无序列表标签。<ol><li></li></ol> 有序列表标签,会在<li>之前加入序号。
11、<form ></form> 表单标签。表单里面有很多的元素。比如:输入框,复选框,单选框, 普通按钮,提交按钮,重置按钮,下拉菜单,多行文本框,上传文件框。
- <form action=""> 表单提交的地址 <form method="post/get">
- <input type="text"> 文本框
- <input type="password"> 密码框
- <input type="radio"> 单选框 (多个单选框用name属性约束)
- <input type="checkbox"> 复选框
- <input type="button"> 普通按钮
- <input type="submit"> 提交按钮
- <input type="reset"> 重置按钮
- <input type="file"> 上传文件
- <select name=""> 下拉菜单
<option value=""> 下拉选项
- <textarea cols="列" rows="行"></textarea>
注意:如果需要给后台传值的时候,需要加入name属性,如<input name="userName" type="text"/>
12、<marquee> 跑马灯标签。behavior="slide/scroll" 滚动行为 direction="left/right/up/down" 方向 loop 循环几次
13、<B></B> 加粗 <i></i> 斜体
14、<iframe> 内联框架,说白了就是可以通过该标签引用一个页面,支持透明。
15、<frameset> 内联框架,该种更加灵活。
16、<div> 块元素其中的一种。也是经常用到的一种。一般基本所有的“赞美”都会给到这个元素。
17、<span> 內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
CSS3的3D转换效果详解介绍
CSS3的3D转换效果详解介绍:
本章介绍一下CSS3的3D转换效果,此效果的实现依靠的是transform属性,3D转换只...
-
HTML学习10:表单格式化
表单格式化,其实我也不想起这个名字的,在前面学习的HTML中有文本格式化,这次的表单和表੬...
-
CSS布局参考 IE的If条件注释使用备忘
内容提要:在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用! 关键字:Div CSS IE Hack...
-
CSS3中动画transform必须要了解的Skew变化原理
transform是CSS3中比较安全的动画(对于性能来说),其中有一些动画属性,来执行不同...
-
控制非模态弹出框(showModelessDialog)唯一且随父页面关闭
网站开发中,常常会遇到需要弹出窗体的情况,一般弹出框有模态和非模态两...
-
compass模块----Utilities----Sprites精灵图合图
css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术。使用css雪碧图,能...
-
求前端大神帮我看下我这网站,到底是什么原因。除了ie7和火狐其他浏览器都没问题。
http://120.25.1.133/digger/index.php/Home/In...
-
各位是怎样解决屏幕的分辨率的问题的呢?
我的笔记本是15.6英寸的,我开发的网页在我的电脑上看起来比较好,但是我想换一个大的屏幕的...
-
css-----强大的效果
1 <div id="d1">你好 2 <span>aaaaaaaaa</span> 3 <div> 4 <span id="s1">bbbbbbbb</span> 5 ...
-
新手关于canvas的问题
html代码:<canvasid="canvas"></canvas>
js代码:
第一种:varcanvas=$("#canvas");
第二种:varcanvas=$("#canva...