HTML基础

1.HTML是一种超文本标记语言,解释型语言,没有交互性

2.HTML文档结构

        标准的文档结构是由标签和要显示在网页上的内容组成,HTML用于描述功能的符号称为"标签",如<html>,<body>,<table>等,HTML标签规定HTML文档逻辑结构,并且控制文档的显示格式,然后又浏览器来负责解释并显示页面。通过使用标签可以区分文本文件的各个组成,对网页上的文字,表格,图片等多媒体数据所出现的位置,形式,顺序及网页间的的超链接关系进行设定。

头部文件<head>...</head> 

        文档的头部描述了文档的各种属性和信息,包括文档的标题,在web中的位置以及和其他文档的关系等。

标题标签<title>...</title>

主题标签<body>...</body> 

        定义文档的主体。body元素包含文档的所有内容,可以包含文本图片音频视频等各种内容。

特殊字符

        在HTML里有很多特殊符号时需要特别处理的,例如,“<”,“>”这两个符号是用来标识标签的开始和结束的,是没有办法通过直接打"<"来呈现"<"的,必须输入编码表示法:“&lt;”,通常情况下,HTML会自动截取多余的空格,不管加多少空格,都被看作一个空格。如果要显示多个空格,可以使用“&nbsp;”表示空格

段落标签<p> 换行

预格式化标签<pre> 原格式输出

列表标签

        无序列表(ul)<li>,排序列表(ol)<li>,目录列表,菜单列表,描述性列表(dl)<dt>列表头<dd>列表内容

标题标签<hn>

<hn>...</hn>,标题之间的文字是HTML文档标题,设定标题字体大小,n=1(大)~n=6(小),也就是从<h1>...</h1>到<h6>...</h6>

字体修饰标签

        <b>...</b> 粗字体

        <i>...</i> 斜体字

        <u>...</u> 对指定文字带下划线

        <tt>...</tt> 对指定文字为打字机效果

        <sup>...</sup> 对指定文字为上标

        <sub>...</sub> 对指定文字为下标

        <em>...</em> 指定对某段文字进行强调,一边表现为斜体字

        <strong>...</strong> 对文本进行强调,通常用斜体字表现出来

字体标签<font>

Font表现可以设置文档的字体,通过改变其属性,对文本进行不同的设置,可以对文本的字体(face),大小(size),颜色(color)等进行改变

HTML超链接标签<a>...</a>

        属性title为链接添加附加的解释信息

        属性name实现文档内部定位

        链接到E-mail地址

HTML图像标签

        alt属性显示图片的替换文本

        src属性定义<img>图片的URI(统一资源定位符地址)是图片中必不可少的属性

        height和width两个属性规定图像的大小

        align属性的作用是对齐图片,可以改变图片的垂直对齐方式和水平对齐方式

        border属性加上图片边框,参数值也是数字,表示边框宽度所占的像素点数

表格标签<table>...</table>

        创建表格,通过width和height属性设置表格的高度和宽度,通过border属性和cellpadding属性设置单元格之间的空间大小,以及单元格的边框与其内部的文字之间的空间大小。

单元格标签<td>...</td>

        用来创建表格中每一行的每一个单元格,此标签对只能放在<tr>...</tr>标签对之间

表头标签<th>...</th>

        用来设置表格头,通常是黑体居中文字

行标签<tr>...</tr>

        用来创建表格中的每一行,此标签只能放在<table>...</table>标签对之间,而且在此标签对之间加入文本是无效的

说明标签<caption>...</caption>

        表格中的说明性文字,通常出现在表格上方,总结和提示内容的作用,必须跟踪表格的起始标签<table>之后

HTML框架标签

框架集标签<frameset>...</frameset>

标签<noframes>...</noframes>

        避免因为浏览器太旧,出现全空白,当时用的浏览器看不到框架时,就会看到<noframes>...</noframes>之间的内容,而不是一片空白

表单标签<form>...</form>

        用来创建一个表单,在标签之间的都属于表单的内容

用户输入区域标签<input type="    ">

        用来定义一个用户输入区,用户可以在其中输入信息,这个标签必须放在<form>...</form>标签之间,type属性决定输入区域的类型

单行文本输入 "text"

多行输入框    "textarea"

密码输入框    "password"

单选框           "radio"

复选框           "checkbox"

下拉框           "select"

提交               "submit"

重置               "reset"

图片提交       "image"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值