前端学习之HTML

HTML基础

      HTML简介

          译为:超文本标记语言

     HTML基本语法

它是由标签(也有把标签称为元素的)构成,标签里面是内容,例如下面所示

1.双标签【格式为:<标签>内容</标签>】,例子如下:
<html></html> 页面根元素
<head></head> 头部
<title></title>标题
<body></body>主题
<p></p>段落
<h1></h1>标题
<table></table>表格

2.单标签
<img>图片
<br>换行
<hr>水平线

HTML常用标签

标题

<h1>这里是一级标题</h1>
<h2>这里是二级标题</h2>
<h3>这里是三级标题</h3>
         ……
<h6>这里是六级标题</h6>

段落

<p></p>

换行

<br>

空格

&nbsp;   //半角空格

小于号

&It;

大于号

&gt;

双引号

&quot;

版权符号

&copy;

注册符

&reg;

粗体

<b></b>

斜线

<i></i>

下划线

<u></u>

强调

<em></em>

加强强调

<strong></strong>

网页中常见的图片格式

gif:多有256种颜色,支持透明、动画;
jpeg:支持1670万种颜色,文件较小;
png:无损压缩图片格式,文件较大,支持透明;
bmp位图:psd源文件,不能用于网页;

图像标记<img>

属性:
src:图片路径;
alt:提示文件;
title:标题(鼠标弹出框)
width/height:宽高
border:边框

列表

无序列表

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

有序列表

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

自定义列表

<dl>
<dt>定义项</dt>
<dd>描述项<dd>
<dd>描述项</dd>
</dl>

超链接

给文字添加超链接:<a href="www.baidu.com"></a>
给图片添加超链接:<a href="www.hao123.com"><img src="ceshi.jpg"></a>
空链接:<a href="#"></a>  //单击之后仍然停留在当前页面
target属性
_self:原窗口(默认)打开
_blank:新窗口打开
_top:顶框架
_parent:父框架















评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值