前端学习之HTML
程序员文章站
2022-07-11 12:14:52
...
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>
空格
//半角空格
小于号
&It;
大于号
>
双引号
"
版权符号
©
注册符
®
粗体
<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：父框架
上一篇： 在PHP世界中选择最合适的模板与使用方法第1/2页
下一篇： 学习笔记之HTML