专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

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> 內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: