HTML—看完轻松入门

概述:

HTML超文本标记语言(Hyper Text Markup Language),超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

标签元素:

基本内容:

基本元素:

空元素:<br>

带有属性的空元素:<hr color="blue">

带有内容的元素:<title>http://www.makang.com</title>

带有内容和属性的元素:<font color="red">http://www.makang.com</font>

对文本内容的控制:

1.<p align="#">:表示paragraph 作用:创建一个段,属性align表示段的对齐方式,#可以是left、center、right、justify

2.<br>:表示line break 作用:换行

3.<hr color="clr">:表示horizontal rule 作用:插入一条水平线,属性color用来指定线的颜色,clr可以是预定义的颜色名字,例如:red、blue、green、black等等,或者以16进制数表示的颜色值,clr=#rrggbb,例如:#ff0000表示红色。

对文本的控制:

1.<center>...</center>:使文本居中显示

2.<hn align="#">...</hn>:用于指出文档的标题,n是从1到6的整数,1表示最大标题,6表示最小标题;属性align用于设置标题对齐的方式,#可以是left、center、right等。

3.<font size=n color="clr">...</font>:用于设置字体,属性size表示字体的大小,n可以是从1到7的整数,数字越大,字体越大;属性color表示字体的颜色,clr可以是预定义的颜色名字,或者以16进制数表示的颜色值。

4.<b>...</b>:使文本成为粗体。

5.<i>...</i>:使文本成为粗体。

列表属性:

1.创建带数字的列表:<ol>标签中使用start属性,设置起始的序号;<li>标签中使用value属性,改变列表内的编号顺序。

2.创建带字符的列表:在<ol>和<li>标签中使用type属性制动标号系统的类型,取值如下:

3.创建带有项目符号的列表:在<ol>和<li>标签中使用type属性指定符号的样式,取值如:disc—显示为实心的圆圈、square—显示为实心的方块、circle—显示为空心的圆圈。

4.创建无符号的列表:<dl>与<dt>无符号列表;<dd>和<dt>缩进的列表。

表格元素:

表格定义:<table border=n aligh="#" bgcolor="clr">...</table>

border —边框的宽度,n为从0开始的整数,没有设置将不显示边框。

aligh  —表格对齐方式,#可以是left、center或right。

bgcolor—表格背景颜色,与color属性取值一样。

<caption>...</caption>:表格标题。

<tr>:在表格中添加新行,如:<tr align="#" valign="#">..</tr>

<th>...</th>:定义表头。

<td>...</td>:定义单元格。

建立连接的语法:

1.超链接标签:<a href="URL">...</a>;href用于指定链接的目标,目标地址由URL定位,开始标签<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。

2.建立图片标签:<img src="URL" width=n height=n>;src指定图像资源的位置,属下width和height用于指定图片的尺寸。

3.URL相对路径、绝对路径、网址:

<a href="from.html">表单</a>,当前目录下文件

<a fref="../from.html">表单</a>,当前文件夹下的文件

<a href="E:/123/12/table.html">表格</a>,绝对路径文件

<a href="http://http://blog.csdn.net/makang456">马康CSDN</a>网址链接

特殊字符元素:字符引用和实体引用

<input>元素:

感受:

学习了XTML之后,眼界开阔了许多,为下一步学习打下了一个好基础,不过学到的知识还是在以后运用的过程中才能更深入的理解。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-16 13:37:06

HTML—看完轻松入门的相关文章

十分钟快速入门 Python,看完即会,不用收藏!

本文以 Eric Matthes 的<Python编程:从入门到实践>为基础,以有一定其他语言经验的程序员视角,对书中内容提炼总结,化繁为简,将这本书的精髓融合成一篇10分钟能读完的文章. 读完本篇文章后,可对 Python 语言特性.编码风格有一定了解,并可写出简单的 Python 程序. 100?多位经验丰富的开发者参与,在 Github 上获得了近?1000?个?star?的开源项目想了解下吗?项目地址:github.com/cachecats/c- 一.安装与运行 各个系统的 Pyth

Activit最入门学习文档,从如何创建项目开始共20章,看完,任何Java项目集成无压力

Activit流程引擎 本人水平,刚自学java一个多月,然后看视频做的笔记,全部傻瓜式截图教程,反正我学习之前没在网上搜索到任何小白教程, Activit官方的教程真心看不懂,因为都是文字 没具体创建步奏,所以对新手来说很无奈, 然后吧,就把自己的学习经验贡献出来啦 最小白的文档,看完之后,集成到任何java项目中都无压力,我最后的是做了个Jfinal集成,估计这是网上搜到最全的容易懂的入门学习文档,本人自学java一个月,反正我看官方例子什么的都看不懂,然后各搜素也没收到教程视频,还好有别人

看完这些干货帖,大数据产品从入门到精通

摘要: 看完这些干货帖,了解大数据产品应用场景 欢迎来到"MVP教你玩转阿里云"系列教程,在这里,你将看到各行各业数字化转型的一线实践,学到资深开发者的经验结晶. 你将以云计算领域的技术领袖为师,加速了解阿里云技术产品和各行业数字化转型的场景. 点击关注,在真实业务场景里,加快技术成长,看懂数字中国. [入门级]MaxCompute 数据计算入门阿里云MaxCompute是大数据存储和分析平台.如何开通?如何使用表查询功能?如何使用UDF功能?看完这篇帖子,这些基础问题都将得到解答,你

你是怎么看完《JavaScript权威指南》《JavaScript高级程序设计》等这类厚书的?

如果js属于刚刚入门阶段,不建议抱着书一直看下去,因为这样你不容易明白这些定义和概念的用法.看着看着就会很迷惑的.建议先试着用原生JS写一些小项目和小程序,然后试着写博客做些笔记,把遇到的困惑写下来,带着疑问去学习. 如果有一定的js基础或者用JQuery等一些库做过一些小东西的话,可以先看<JavaScript语言精粹(修订版)>这本书,这本书很薄,100多页而已,可以很快看完,对于了解js的基础知识,比如对象,数组,语法,作用域,闭包等等都很有帮助.前面有人提到<你不知道的JavaS

如果是初学C语言请看完 一些成功人士的心得

转自程先的专栏     今天,我能够自称是一个混IT的人,并能以此谋生,将来大家能一次谋生,都要感谢两个人:克劳德.香农和约翰.冯.诺依曼,是他们发现了所有的数字化信息,不论是一段程序,一封email,一部电影都是用一连串的1和0进行编码的:是他们发现了我们可以利用一个预先编写好的程序控制机器,并使之完成我们期望它完成的动作.建议大家在心里默念三遍他们的名字,以示仰慕.当然,如果让你们带着现在的知识回到他们的那个时代,那么就没有什么图灵奖了. C语言程序设计是我们的专业基础课,但是C语言本身却是

Swift轻松入门——基本语法介绍和详细地Demo讲解(利用WebView打开百度、新浪等网页)

本文主要分为两个部分,第一部分介绍Swift的基本语法,第二部分讲解一个利用WebView来打开百度.sina等网页的小demo,如果对swift的语法不感兴趣的同学可以直接跳到第二部分来感受下Swift的魅力-(本文的demo源码已上传至github:https://github.com/iOSGeek0829/XSurfing) 一.Swift常用语法 Swift是Apple去年推出的一门新的语言,基于C和Objective-C,而没有C的一些兼容约束,它采用了安全的编程模式和添加现代的功能

C++ STL编程轻松入门

 图1.STL和c++标准模板库 作为C++标准不可缺少的一部分,STL应该是渗透在C++程序的角角落落里的.STL不是实验室里的宠儿,也不是程序员桌上的摆设,她的激动人心并非昙花一现.本教程旨在传播和普及STL的基础知识,若能借此机会为STL的推广做些力所能及的事情,到也是件让人愉快的事情. 1. "什么是STL?",假如你对STL还知之甚少,那么我想,你一定很想知道这个问题的答案,坦率地讲,要指望用短短数言将这个问题阐述清楚,也决非易事.因此,如果你在看完本节之后还是觉得似懂非懂,

[经验] 电脑维修(看完后就可以开一家自己的电脑维修店!)

[经验] 电脑维修(看完后就可以开一家自己的电脑维修店!) 第一部分 总则 第一章 电脑维修的基本原则和方法 第二章 电脑维修步骤与维修操作注意事项 第二部分 常见故障判断 第一章 加电类故障 第二章 启动与关闭类故障 第三章 磁盘类故障 第四章 显示类故障 第五章 安装类故障 第六章 操作与应用类故障 第七章 局域网类故障 第八章 Internet类故障 第九章 端口与外设故障 第十章 音视频类故障 第十一章 兼容类故障 第三部分 附录 硬盘基本知识 挽救硬盘的几个方法 硬盘逻辑锁巧解 WIN

[转载]如果是初学C语言请看完一些成功人士的心得

如果是初学C语言请看完一些成功人士的心得 转自程先的专栏     今天,我能够自称是一个混IT的人,并能以此谋生,将来大家能一次谋生,都要感谢两个人:克劳德.香农和约翰.冯.诺依曼,是他们发现了所有的数字化信息,不论是一段程序,一封email,一部电影都是用一连串的1和0进行编码的:是他们发现了我们可以利用一个预先编写好的程序控制机器,并使之完成我们期望它完成的动作.建议大家在心里默念三遍他们的名字,以示仰慕.当然,如果让你们带着现在的知识回到他们的那个时代,那么就没有什么图灵奖了. C语言程序