HTML基础知识自学教程

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基础知识自学教程

原文地址:https://www.cnblogs.com/leixuesong/p/11367504.html

时间: 2024-08-02 21:33:40

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

Mysql安装以及基础知识概念

一.软件安装及服务器设置 安装教程:http://www.runoob.com/mysql/mysql-install.html Navicat for MySQL 连接 Mysql 8.0.11 出现1251- Client does not support authentication protocol 错误 参考解决方法:https://blog.csdn.net/seventopalsy/article/details/80195246 Windows 安装 MySQL 常见问题 参考解

平面设计 计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

IOS 教程以及基础知识

http://wenku.baidu.com/course/view/1ce3571252d380eb62946d8c http://iphone.apkbus.com/ www.itcast.cn //博客 http://blog.csdn.net/cutesource/article/details/7715593 // ios虚拟开发环境搭建 http://www.cnblogs.com/mjios/ //ios 博客 http://www.9ria.com/subject/summary

安卓一步步从基础到精通自学教程,纯实战,纯干货(五)

关注今日头条-做全栈攻城狮,学代码也要读书,爱全栈,更爱生活.提供程序员技术及生活指导干货. 如果你真想学习,请评论学过的每篇文章,记录学习的痕迹. 请把所有教程文章中所提及的代码,最少敲写三遍,达到熟悉的效果. 本系列课程是.Net程序员学习安卓开发系列课程. 下面是前四次课程列表: 程序员带你学习安卓开发,十天快速入门-安卓学习必要性 程序员带你学习安卓开发,十天快速入门-开发工具配置学习 程序员带你学习安卓开发,十天快速入-对比C#学习java语法 程序员带你学习安卓开发,十天快速入门-基

ArcGIS教程:3D Analyst基础知识

创建3D视图 以三维形式查看数据能为您提供一个全新的认识.通过三维视图可以深入了解通过相同数据的平面地图不易察觉的内容.例如,您不必根据配置等值线来推断是否存在山谷,您能够实际看到山谷和感到谷底和谷脊的高度差异. ArcGlobe 和 ArcScene 可用于构建多图层 3D 环境,并控制如何对各图层进行符号化.渲染各图层和在 3D 空间中定位各图层.还可以控制 3D 视图的全局属性,如照明度或垂直夸大.可以通过以下方式选择要素:使用要素的属性或要素相对于其他要素的位置,或者在场景或地球中单击各

SEO基础知识_绝密教程

<p align="center"> </p> <p>   </p> <p align="center"> 第一次接触SEO,请阅读本基础指南入门,也可以注册论坛:<a  1-1.html" target="_blank"><span style="color:black;">从一句话入门</span><span s

&lt;&lt;Python基础教程&gt;&gt;学习笔记之|第01章|基础知识

本学习笔记主要用要记录下学习<<Python基础教程>>过程中的一些Key Point,或自己没怎么搞明白的内容,可能有点杂乱,但比较实用,查找起来也方便. 第01章:基础知识 ------ Jython:      Python的Java实现,运行在JVM中,相对稳定,但落后于Python,当前版本2.5,在TA(Python+Robot)会用到 IronPython:  Python的C#实现,运行在Common Language Runtime,速度比Python要快 >

ExtJS教程(2)--- Javascript类和对象基础知识

Javascript中的类其实就是一个function 如下面定义一个Person类 //定义一个类 function Person(){ this.name = 'jaune'; this.age = 18; } //创建一个对象 var person1 = new Person(); console.log(person1); /* * 控制台打出以下内容 * Person {name: "jaune", age: 18} */ 上面是一个简单的定义类及创建类的方法 //定义一个带