前端基本介绍:
前端:一切可视化的事物叫前端。
前端:包括了网页端和移动端。
网页端: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> 內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素
分享到:
相关推荐
第2章 HTML基础介绍.ppt
HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言。它描述了网页的结构和内容,并通过标签(tags)将文本和图像等元素组织在一起。HTML文档通常包含多个标签,每个标签都有特定...
介绍基础的HTML的相关知识和“标记”,含有一定的简单实际例子
在“HTML基础回顾前端设计王者荣耀”这个主题中,我们重点探讨的是如何利用HTML来构建与王者荣耀游戏相关的网页内容。HTML允许开发者通过标签来定义文档结构和内容,使得浏览器能够正确地解析和展示这些内容。 首先...
在IT行业中,HTML(HyperText Markup Language)是用于创建网页的标准标记语言,是构建网站的基础。这个"团队介绍html.zip"文件提供了一个HTML团队模板,适用于展示多人团队项目和个人介绍,帮助用户快速创建专业且...
这个"html基础学习资料"压缩包提供了对于初学者来说非常宝贵的资源,可以帮助他们快速掌握HTML的基本概念和语法。 首先,`html.chm` 文件可能是一个帮助文档,通常包含详细的信息和例子,指导用户学习HTML的各种...
资源名称:HTML5 Canvas基础教程内容简介:《HTML5 Canvas基础教程》从HTML5和Javascript(以及jQuery)的基础知识讲起,全面介绍了HTML5 Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复...
html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器,以及它们的基本用法。
HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是网页开发的基础,无论是初学者还是专业人士,都需要掌握HTML的基本知识。本套教程旨在帮助学习者深入理解HTML,快速入门并掌握网页制作基础。 ...
HTML5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似和标签,但有一个含义,例如(网站导航块)和 新的解析顺序 新的元素:section, video, progress, nav, meter, time, aside, canvas ...
《HTML 5 Canvas基础教程》从HTML5和JavaScript(以及jQuery)的基础知识讲起,全面介绍了HTML5Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态,以及变形、合成、处理图像和视频等,让...
在这个介绍文档中,我们将深入探讨以下几个关键知识点: 1. 计算机基础知识:包括计算机硬件组成部分,如中央处理器(CPU)、内存(RAM)、硬盘、显示器、键盘和鼠标等。理解这些组件的功能对于有效地使用和维护...
《HTML5与CSS3基础教程 第八版 中文版》是一本全面介绍这两个技术的书籍,旨在帮助初学者快速入门,并提供给进阶者深入理解的资源。 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它的出现极...
【标题】:“基于HTML5的Web前端设计(旅游景点介绍)” HTML5是现代Web开发的核心,它在传统的HTML4基础上引入了许多新特性,增强了网页的交互性和动态性。在这个项目中,我们主要关注如何利用HTML5进行网页设计,...
html语言基础,关于html语言的简单介绍。能很快了解html语言。
HTML(HyperText Markup Language)是网页开发的基础,用于构建网页结构。在这个源码中,程序员可能会发现各种HTML元素的使用,如`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`和`<footer>`等,这些...
7. **多媒体技术**:“第8章多媒体技术.pptx”介绍了HTML5的多媒体支持,如如何嵌入音频、视频,并讨论了响应式设计中处理多媒体的最佳实践。 8. **CSS3高级应用**:“第9章CSS3高级应用.pptx”可能涉及阴影、渐变...
《HTML语言基础》这本书深入浅出地介绍了这个重要的技术,旨在帮助读者理解和掌握HTML的基本概念和语法,从而能够构建自己的静态网页。 CHM(Compiled HTML Help)格式是一种由微软开发的帮助文档格式,它将HTML...
[SitePoint] HTML5 基础教程 英文版 [SitePoint] Jump Start HTML5 E Book ☆ 图书概要:☆ This short book provides a practical introduction to HTML5 HTML HyperText Markup Language is the ...