HTML入门

概述

  1. html是超文本标记语言的简写(HyperText markup language),是最基本的网页语言。
  2. 超文本:页面的数据可以通过标签改变样式,而且可以通过超链接直接跳到下一个页面。
  3. 标记:html是通过标签来定义的语言,代码是由标签组成。
  4. 平台无关, 只要安装了浏览器,就可以通过浏览器来解析数据
  5. 编辑html ,html其实就是文本文件,把普通的文本文件的后缀名该为html或htm,通过浏览器即可解析

HTML基本结构

  1. HTML不区分大小写
  2. html是由<html>开始,由</html>结束,在这之间是分<head><body>两部分
  3. <head>是给html页面增加一些辅助或者属性信息,里面的内容会最先加载
  4. <body>标签里面存放的才是真正要显示的数据

HTML语法

  1. 标签:格式:<开始标签> 标签体 </结束标签>

  2. 分类:(1).带标签体的标签
    (2)不代标签体的标签.

  3. 属性:一个标签可以有多个属性,多个属性之间使用空格隔开

  4. 注释

文本标签

标题

例:

<h1>不一样的心情</h1>
<h2>不一样的心情</h2>
....................................

水平线

<hr />

段落

<p></ p>

换行

<br />

空格

&nbsp;&nbsp;

注意:两个 相当于一个空格

原样输出

<pre> </ pre>

有序列表

<ol>
			<li></li>
			<li></li>
			<li></li>
</ol>

无序列表

<ul>
			<li></li>
			<li></li>
			<li></li>
</ul>

项目列表标签

例:

<dl>
			<dt>大米</dt>
			<dd>5<dd>
			
			<dt>小米</dt>
			<dd>10<dd>
			
			<dt>糯米</dt>
			<dd>20<dd>
		</dl>

行内标签

<span></span>

快标签

		<div>
				
		</div>

字符实体

一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体

HTML多媒体

音视频

  1. 音视频标签格式:
  2. 属性:src 、和hidden

元素的飘动

  1. marquee标签
  2. 属性:direction 、loop和scrollamount

HTML链接和图像

链接标签

  1. 跳转:<a href = "资源路径" target="_blank">
  2. 邮件:<a href="mailto:email"></a>
  3. 定位:</a> 和 <a name="标记名" ><a href=“#标记名”>

图像标签

<img src=”1.jpg” align=” middle” border=”3” alt=”图片说明文字” usemap="#Map"/>`
table表格

  1. 标题标签:<caption>,给表格提供标题
  2. 表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用
  3. 行标签:<tr>
  4. 单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中在加入单元格
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值