`
jl0626
  • 浏览: 2739 次
社区版块
存档分类
最新评论

HTML的基础介绍

    博客分类:
  • 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> 內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素
分享到:
| java
评论

相关推荐

    第2章 HTML基础介绍.ppt

    第2章 HTML基础介绍.ppt

    HTML基础介绍.zip

    HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言。它描述了网页的结构和内容,并通过标签(tags)将文本和图像等元素组织在一起。HTML文档通常包含多个标签,每个标签都有特定...

    HTML基础介绍

    介绍基础的HTML的相关知识和“标记”,含有一定的简单实际例子

    HTML基础回顾前端设计王者荣耀

    在“HTML基础回顾前端设计王者荣耀”这个主题中,我们重点探讨的是如何利用HTML来构建与王者荣耀游戏相关的网页内容。HTML允许开发者通过标签来定义文档结构和内容,使得浏览器能够正确地解析和展示这些内容。 首先...

    团队介绍html.zip_HTML团队模板_PUDN团队_html团队_html项目介绍_项目团队 html

    在IT行业中,HTML(HyperText Markup Language)是用于创建网页的标准标记语言,是构建网站的基础。这个"团队介绍html.zip"文件提供了一个HTML团队模板,适用于展示多人团队项目和个人介绍,帮助用户快速创建专业且...

    html基础学习资料

    这个"html基础学习资料"压缩包提供了对于初学者来说非常宝贵的资源,可以帮助他们快速掌握HTML的基本概念和语法。 首先,`html.chm` 文件可能是一个帮助文档,通常包含详细的信息和例子,指导用户学习HTML的各种...

    HTML5Canvas基础教程

    资源名称:HTML5 Canvas基础教程内容简介:《HTML5 Canvas基础教程》从HTML5和Javascript(以及jQuery)的基础知识讲起,全面介绍了HTML5 Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复...

    HTML+CSS基础教程-介绍HTML和CSS的基础知识 学习HTML基础语法、标签、CSS基础语法和选择器

    html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器,以及它们的基本用法。

    html基础html入门教程html网页制作基础

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是网页开发的基础,无论是初学者还是专业人士,都需要掌握HTML的基本知识。本套教程旨在帮助学习者深入理解HTML,快速入门并掌握网页制作基础。 ...

    HTML和HTML5基础介绍

    HTML5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似和标签,但有一个含义,例如(网站导航块)和 新的解析顺序 新的元素:section, video, progress, nav, meter, time, aside, canvas ...

    HTML 5 Canvas基础教程 源码+PDF

    《HTML 5 Canvas基础教程》从HTML5和JavaScript(以及jQuery)的基础知识讲起,全面介绍了HTML5Canvas的各种特性,包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态,以及变形、合成、处理图像和视频等,让...

    计算机应用基础介绍文档

    在这个介绍文档中,我们将深入探讨以下几个关键知识点: 1. 计算机基础知识:包括计算机硬件组成部分,如中央处理器(CPU)、内存(RAM)、硬盘、显示器、键盘和鼠标等。理解这些组件的功能对于有效地使用和维护...

    HTML5与CSS3基础教程 第八版 中文版 高清 PDF

    《HTML5与CSS3基础教程 第八版 中文版》是一本全面介绍这两个技术的书籍,旨在帮助初学者快速入门,并提供给进阶者深入理解的资源。 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它的出现极...

    基于html5的web前端设计(旅游景点介绍)

    【标题】:“基于HTML5的Web前端设计(旅游景点介绍)” HTML5是现代Web开发的核心,它在传统的HTML4基础上引入了许多新特性,增强了网页的交互性和动态性。在这个项目中,我们主要关注如何利用HTML5进行网页设计,...

    html语言基础

    html语言基础,关于html语言的简单介绍。能很快了解html语言。

    程序猿炫酷个人介绍HTML源码.zip

    HTML(HyperText Markup Language)是网页开发的基础,用于构建网页结构。在这个源码中,程序员可能会发现各种HTML元素的使用,如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`、`&lt;article&gt;`、`&lt;aside&gt;`和`&lt;footer&gt;`等,这些...

    《HTML5+CSS3网站设计基础教程》 PPT

    7. **多媒体技术**:“第8章多媒体技术.pptx”介绍了HTML5的多媒体支持,如如何嵌入音频、视频,并讨论了响应式设计中处理多媒体的最佳实践。 8. **CSS3高级应用**:“第9章CSS3高级应用.pptx”可能涉及阴影、渐变...

    《HTML语言基础》CHM格式电子书

    《HTML语言基础》这本书深入浅出地介绍了这个重要的技术,旨在帮助读者理解和掌握HTML的基本概念和语法,从而能够构建自己的静态网页。 CHM(Compiled HTML Help)格式是一种由微软开发的帮助文档格式,它将HTML...

    [HTML5] HTML5 基础教程 英文版

    [SitePoint] HTML5 基础教程 英文版 [SitePoint] Jump Start HTML5 E Book ☆ 图书概要:☆ This short book provides a practical introduction to HTML5 HTML HyperText Markup Language is the ...

Global site tag (gtag.js) - Google Analytics