HTML

         HTML( Hyper Text Markup Language ) 称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
         超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。


HTML 基本结构

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
<title>Title</title>
 </head>
<body>
</body>
</html>

HTML 元素的分类

html中的标签元素大体分为三种不同的类型:块状元素、内联元素和内联块状元素。

块状元素、内联元素(又叫行内元素)和内联块状元素。

块状元素:display:block
内联元素:display:inline
内联块状元素:display:inline-block

常用的块状元素有:
<div>、<p>、<h1>…<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有:
<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有:
<img>、<input>

内联(行级)标签:标签在一行内,宽度与高度由内容决定,只有在内容超过HTML的宽度时,才会换行

块状标签:标签独占一行,可指定宽、高

内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),、标签就是这种内联块状标签。
inline-block 元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置

         <!DOCTYPE> 声明帮助浏览器正确地显示网页,以确保浏览器能在HTML5的标准模式下进行渲染。
         <html> 标签告知浏览器这是一个 HTML 文档。
         <head> 元素是所有头部元素的容器。 <head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
         <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
         <title> 标签的内容是网页标题的内容
         <body> 网页具体内部代码,元素包含文档所有的内容。

标记

无序列表

             列表标记分为有序列表和无序列表,由于在HTML中无序列表较为常见,所以下面针对无序列表来复习。
             无序列表的各个列表项之间没有顺序级别之分,通常是并列的,定义无序列表的基本语法如下:

    <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    </ul>
    

    <li></li>标记的type属性用来指定列表项目符号。type常用的属性值为3种:disc、square和circle,属性的默认值为disc。

    图像标记

    要想在HTML网页中显示图像就需要使用图像标记<img/>,其基本语法格式如下:

    <img src="图像地址" alt="图像未加载时显示的文字" title="鼠标悬浮显示文字" />
    

    文本样式标记

    在HTML中,使用<font>标记来控制网页中文本的样式,如字体、字号和颜色。其基本语法格式如下:

    <font face="字体" size="字体大小" color="颜色">文本内容</font>
    

    表格标记

             在制作网页时,为了使网页中的数据能够有条理地显示,可以使用表格对网页进行规划。
    在HTML网页中创建表格的基本语法格式如下:

    <table>
      <tr>
           <td>单元格内的文字</td>
      <tr
    • 2
      点赞
    • 1
      收藏
      觉得还不错? 一键收藏
    • 2
      评论

    “相关推荐”对你有帮助么?

    • 非常没帮助
    • 没帮助
    • 一般
    • 有帮助
    • 非常有帮助
    提交
    评论 2
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值