HTML 是用来描述网页的一套标记标签，是我们在web前端开发中的基础。下面PHP程序员雷雪松主要结合自己的经验给大家分享下HTML的基础知识，以及在自学过程中一些比较常用的和重要的HTML知识点。

基本标签
创建一个HTML文档 <html></html>
设置文档标题以及其他不在WEB网页上显示的信息 <head></head>
将文档的题目放在标题栏中 <title></title>
设置文档的可见部分 <body></body>
标签定义文档与外部资源的关系 <link>
标签用于定义客户端脚本 <script>

文本标签
最大的标题 <h1></h1>
最小的标题 <h6></h6>
黑体字 <b></b>、<strong></strong>
斜体字 <i></i>
创建一个引用，通常是斜体 <cite></cite>
加重一个单词（通常是斜体加黑体） <em></em>

链接
超链接 <a href=”URL”></a>
自动发送电子邮件的链接 <a href=”mailto:EMAIL”>….　</a>
位于文档内部的靶位 <a name=”NAME”></a>
指向位于文档内部靶位的链接 <a href=”#NAME”></a>

格式排版
可定义文档中的分区或节，常用来布局 <div>
创建一个新的段落 <p>
插入一个回车换行符 <br>
加入一条水平线 <hr />
创建一个定义列表 <dl></dl>
放在每个定义术语词之前 <dt>
放在每个定义之前 <dd>
创建一个标有数字的列表 <ol></ol>
放在每个数字列表项之前，并加上一个数字 <li>
创建一个标有圆点的列表 <ul></ul>
放在每个圆点列表项之前，并加上一个圆点 <li>

图形元素
添加一个图像 <img src=”name” width=”” height=”” />

表格
创建一个表格 <table></table>
设置表格头：一个通常使用黑体居中文字的格子 <th></th>
开始表格中的每一行 <tr></tr>
开始一行中的每一个格子 <td></td>

表单
对于功能性的表单，HTML仅仅是产生表单的表面样子，为后台提供数据。
创建所有表单 <form></form>
创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目 <select multiple name=”NAME” size=</select>
设置每个表单项的内容 <option>
创建一个下拉菜单 <select name=”NAME”></select>
文本框区域，列的数目设置宽度，行的数目设置高度 <textarea name=”NAME” cols=40 rows=8></textarea>
复选框，文字在标签后面 <input type=”checkbox” name=”NAME”>
单选框，文字在标签后面 <input type=”radio” name=”NAME” value=”x”>
单行文本输入区域，size设置以字符计的宽度 <input type=text name=”foo” size=20>
submit（提交）按钮 <input type=”submit” value=”NAME”>
使用图象的submit（提交）按钮 <input type=”image” border=0 name=”NAME” src=”name.gif”>
reset（重置）按钮 <input type=”reset”>

来源：HTML基础知识自学教程

HTML基础知识自学教程的更多相关文章

  1. k8s官网 基础知识入门教程

    官网链接为 https://kubernetes.io/docs/tutorials/kubernetes-basics/ 基础操作环境为minikube 常见基础命令 查看基础的一些信息 # 查看版 ...

  2. 人人都懂的HTML基础知识-HTML教程(1)

    01.HTML基础简介 HTML (HyperText Markup Language,超文本标记语言) 不是一门编程语言,而是一种用于定义内容结构的标记语言,用来描述网页内容,文件格式为.html. ...

  3. Android四大组件简介:Android 基础知识,开发教程

    Android 四大组件: Activity.Service.Broadcast Receiver.Content Provider. http://developer.android.com/int ...

  4. php基础教程-必备基础知识

    PHP 脚本在服务器上执行. 您应当具备的基础知识 在继续学习之前,您需要对下面的知识有基本的了解: HTML CSS JavaScript 如果您希望首先学习这些项目,请在我们的 首页 访问这些教程 ...

  5. 【RL-TCPnet网络教程】第41章 HTTP超文本传输协议基础知识

    第41章      HTTP超文本传输协议基础知识 本章节为大家讲解HTTP(HyperText Transfer Protocol,超文本传输协议),从本章节开始,正式进入嵌入式Web的设计和学习. ...

  6. 【RL-TCPnet网络教程】第38章 TFTP简单文件传输基础知识

    第38章      TFTP简单文件传输基础知识 本章节为大家讲解TFTP(Trivial File Transfer Protocol,简单文件传输协议)的基础知识,方便后面章节的实战操作. (本章 ...

  7. 【RL-TCPnet网络教程】第2章 嵌入式网络协议栈基础知识

    第2章        嵌入式网络协议栈基础知识 本章教程为大家介绍嵌入式网络协议栈基础知识,本章先让大家有一个全面的认识,后面章节中会为大家逐一讲解用到的协议. 基础知识整理自百度百科,wiki百科等 ...

  8. 【RL-TCPnet网络教程】第35章 FTP文件传输协议基础知识

    第35章      FTP文件传输协议基础知识 本章节为大家讲解FTP(File Transfer Protocol,文件传输协议)的基础知识,方便后面章节的实战操作. (本章的知识点主要整理自网络) ...

  9. 【RL-TCPnet网络教程】第33章 SMTP简单邮件传输协议基础知识

    第33章      SMTP简单邮件传输协议基础知识 本章节为大家讲解SMTP(Simple Mail Transfer Protocol,简单邮件传输协议)的基础知识,方便后面章节的实战操作. (本 ...

随机推荐

  1. HTML禁用一块区域点击

    style="pointer-events: none;" 此方法可以禁止鼠标点击指定区域,但是对于键盘事件无法屏蔽,最好禁用一下键盘事件,如:tab

  2. python_连接MySQL数据库（未完）

    1.增 # 导入库 import pymysql # 创建连接 conn = pymysql.connect(host='localhost',user='root',password='fuqian ...

  3. move post process stack from package to asset

    这东西折腾了我好久 原来一直都是打开的方式不对 package 文件夹里面的manifest文件 改相应的package为文件路径引用     "com.unity.render-pipel ...

  4. Unity 连接WebSocket（ws://）服务器

    Unity 连接ws,不用任何插件,忙活了一天终于搞定了,一直连接不上,原来是没有添加header, 代码比较简单,直接贴出来普度众生 using System; using System.Net.W ...

  5. 队列BlockingQueue的简单例子

    队列,当进行多线程编程的时候,很多时候可能会用到,队列是先进先出的,我们可以将要执行的任务放置在队列内缓存起来,当线程池中线程可以使用的时候,我们就从队列中获取一个任务执行.. 当前是一个队列的简单例 ...

  6. 记录 vant Picker 选择器，实现三级联动，传对应省市区code值

    最近使用vant UI写移动端,感觉还不错 功能挺全的,带的还有省市区三级联动. 但是 突然遇到一个 产品要传的 省市区的code码,还和vant的 邮编不一样,我*****. 看了一下vant UI ...

  7. Cogs 604.方程（排列组合+高精度）

    方程 ★☆ 输入文件:equationz.in 输出文件:equationz.out 简单对比 时间限制:1 s 内存限制:128 MB [题目描述] hyc 碰到了一个难题,请你来帮忙解决. 对于不 ...

  8. 记录二：tensorflow2.0写MNIST手写体

    最近学习神经网络,tensorflow,看了好多视频,查找了好多资料,感觉东西都没有融入自己的思维中.今天用tensorflow2.0写了一个MNIST手写体的版本,记录下学习的过程. 复现手写体识别 ...

  9. [Vue] : Vue概述

    什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架. Vue.js 是前端的主流框架之一,和Angular.js.React.js 一起,并成为前端三大主流框 ...

  10. 看透“0”、“1”逻辑，轻松解决Python中文乱码

    Python中关于"中文乱码"的问题,现规整如下,并统一回答 同学问: jacky:我在爬取XX网站信息的时候,中文怎么总是显示的乱码? jacky:UTF-8与GBK到底是个啥? ...