html入门之—一天快速掌握

黄舟
发布: 2016-12-22 14:49:17
原创
1507人浏览过

编外话

如果你对html一无所知,还苦恼与html如何入门,笔者很建议你学习下这篇文章,可以让你快速掌握html,如果你已经是html的高手,那么也希望您给我以更好的建议。

概要

HTML俗称超文本标记语言,是Hyper TextMarkup Language的缩写,是用于描述网页文档的一种标记语言。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是我们的html,我们学习html就是学习这些标记符号,今天我们主要来学习一些常见的html标记符号也称为html元素、

 

标签元素

标签介绍

html元素包括一个或一对标签定义的包含范围。而标签就是由两个字符串“”号组成,标签包括开始标签“”和结束标签“>”。

html标签元素有四种形式分别是:

立即学习前端免费学习笔记(深入)”;

空元素:

带有属性的空元素:

带有内容的元素:这是内容

带有内容和属性的元素:这是内容

这里有一点要说的是在html文档中,标签和属性的名字是和大小无关的。

 

html框架的必备基本元素

表示文档的开始和文档结束

表示文档头部的开始和结束

表示文档标题的开始和结束

表示文档的正文的开始和结束

 

html注释

格式是小于号()。

如:

 

与段落控制相关的标签

创建一个段落,属性align表示段落的对齐方式,#可以是left、center、right、justify。


作用是换行

作用是插入一条水平线,属性color用来表示颜色。

 

与文本显示相关的标签

使文本居中显示

作用是表示文档的标题,n是从1-6的整数,一次为最大标题,6是最小标题,align为设置标题对齐方式,包括left、center、right

...

设置字体,size为字体大小,从1到7的整数,数字越大,字体越大。

...

使文本成为粗体。

使文本成为斜体

 

列表元素创建的标签

a.创建带数字编号的列表:

    ...
用start属性,设置起始的序号。

  • ...
  • 用value属性,改变列表内的序号顺序。

     

    b.创建带有项目符合的列表:

    • ,他们标签的type属性指定符号的样式:

           disc,显示为实心的圆圈;

           square,显示未实心的方块。

           circle,显示未空心的圆圈

       

      b.建立无符号的列表

      标签创建无符号的列表

      ,创建缩进的列表

       

      表格元素的标签

      表格在网页布局中的作用是至关重要的,表格是用

      来定义的,

      具体的定义为:

      属性border用于定义表格边框的宽度,属性align用于设定表格的对齐方式,可以是left、right、center。bgcolor是颜色。

       

      用来定义表格的标题

      ...为表格添加新行

      用于定义表头

      用于定义单元格

       

      html交互式表单

      表单在网页中主要负责数据采集功能,比如我们平常注册信息、输入信息可以与网页进行交互的都是表单。

      表单使用

      ...元素创建,在两者之间嵌入其它相关元素或者说是控件,就可以创建作为html文档一部分的表单。

      创建表单的基本语法如下:

      ….

      属性method用于指定向服务器发送表单数据时所使用的HTTP方法,用get或者post皆可,提交的数据被附加到URL的末端,作为URL的一部分发送到服务器。

      下面就是关于表单常用的一些元素:

      元素用于接收用户输入的信息,它是一个带有属性的空元素,用来创建表单中的控件语法是

      列表框元素

      允许用户从一个下拉菜单中选择一项或多项,列表框由

      多行文本输入控件

      属性rows用于指定文本框输入控件可视区域显示的文本行数,cols指定文本输入控件可视区域显示的宽度。

       

      超链接标签

      属性href用于指定链接的目标,目标地址有URL定位,在开始标签之间的文本将作为浏览器中显示的链接文本。

       

      嵌入图像标签

      html入门之—一天快速掌握属性src指定图像资源的位置,属性width和height用于指定图片的尺寸,在这里需要注意的是src应该尽量用相对路径而不用绝对路径。

       

       

      特殊字符元素

      特殊字符包括字符引用和实体引用,下面我们将常用的进行总结

      127.png

      总结

      我们将这些用的最多的也是最基础的一些标签元素进行了总结,一旦掌握这些最基础的,你就可以快速成为html初级人员,编写一个简单的html网页是不成问题的,这也为以后的进一步学习打下基础

      以上就是 html入门之—一天快速掌握的内容,更多相关内容请关注PHP中文网(www.php.cn)!

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载
    来源:php中文网
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    开源免费商场系统广告
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习
    PHP中文网抖音号
    发现有趣的

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号