html基础

前端:一切可视化的事物叫前端。

前端:包括了网页端和移动端。

网页端:HTML4.0/CSS2.0/JS/JQuery2.x/HTML5.0/CSS3.0/Bootstrap2.0/3.0/node.js/Auglar.js....

移动端:

-OC/android/swift原生开发技术

iOS

android

-HTML5混合式开发技术

HTML5

<>HTML全部的标签,都是以<>为表示形式。

标签:一个标签有一种含义。

<XHTML>所谓的XHTML就是HTML+XML的结合体。

所以XHTML其实就是规范化的HTML语言。

<head></head>内部一般放的是浏览器的标题和浏览器标题相关的东西,比如后期说的引入文件和脚本。<body></body>内部一般放的是浏览器正文显示的东西。<bodybgcolor>一般是用来设置背景颜色

1、<h1>浏览器标题。标题具有换行的特点。从h1到h6逐次递减。align属性可以标题的位置。如:<h1align="center"></h1>

2、<p>段落标记。具有上下换行的特点。

3、<br/>单纯的换行标记。相当于java里面的\n

4、<hr>分割线。注意:如果没有标签之间没有任何内容,可以只写一个头部。但是要这么写<hr/>

5、<a>超链接标签。需要添加属性,大部分HTML标签里都需要添加属性以达到标签具体实现的效果。如:<ahref=""></a>href属性表示你要去往哪里。注意:href的值,只能有2种:一种是网址。一种是本地文件(在引用文件的时候注意路径,也就是我们经常提到的绝对路径和相对路径),target属性,一般表示以何种形式打开。_blank表示新窗口打开。

6、<!--这里填写注释-->表示的就是注释。

7、<img>图片标签。可以引入一张图片。src属性表示图片的路径。由于<img></img>标签之间不需要任何东西,因此可以简写<imgsrc=""/>。width表示宽度。heigth表示高度。如:

<imgsrc=""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>表单标签。表单里面有很多的元素。比如:输入框,复选框,单选框,普通按钮,提交按钮,重置按钮,下拉菜单,多行文本框,上传文件框。

-<formaction="">表单提交的地址<formmethod="post/get">

-<inputtype="text">文本框

-<inputtype="password">密码框

-<inputtype="radio">单选框(多个单选框用name属性约束)

-<inputtype="checkbox">复选框

-<inputtype="button">普通按钮

-<inputtype="submit">提交按钮

-<inputtype="reset">重置按钮

-<inputtype="file">上传文件

-<selectname="">下拉菜单

<optionvalue="">下拉选项

-<textareacols="列"rows="行"></textarea>

注意:如果需要给后台传值的时候,需要加入name属性,如<inputname="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>內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素

块元素:主要是分块表示,会自动有换行的概念。而且块元素可以设置边距,宽高等。

如:<h1></h1><p><div><th><tr>....

内联元素:没有换行的概念。是不可以设置边距和宽高的

如:<span><font>...

注意:几乎所有的标签都会有style属性。所有标签的大小写问题,在HTML中,是不计较大小写的。也就是你可以用大写。

相关推荐