html基础 第一天
程序员文章站
2022-04-29 18:29:19
...
<!doctype html> <!--文档类型-->
<!--说明使用的是HTML超文本标记语言(hyber text markup language)-->
<html>
<!--头部-->
<head>
<!-- meta 是单标记,又叫空标记 charset属性的值标明了编码格式s-->
<meta charset="utf-8">
<title>显示在状态栏的标题</title>
</head>
<body>
<h1>h1是一级标题,一般一个页面中只存放一个h1标签,而且,h1标签一般用于存放logo</h1>
<h2>h2是二级标题,从h1到h6 字体大小依次递减</h2>
<<!--左尖括号-->
©
><!--右尖括号-->
<hr><!--水平分隔符-->
<h1>列表</h1>
<ul>
<li>无序列表使用ul</li>
<li>无序列表ul</li>
</ul>
<ol type="a">
<li>有序标记使用ol,有序标记的顺序默认是阿拉伯数字</li>
<li>有序标记常使用的属性type,此属性的属性值有 a,A ,I,1.还有另外一个属性是start="3",
只有当type的值是阿拉比数字时,start才起作用
</li>
</ol>
<dl>
<dt>自定义标签dl中一般只有一个dt和dd,除此之外,dd中还可以放图片之类的东西</dt>
<dd>dt是名称,dd是解释</dd>
</dl>
<hr>
<img src="img1.gif" title="图片的路径问题,分3种情况,title的作用就是为当鼠标悬停的时候显示的提示信息" />
<img src="images/img2.gif" />
<img src="img6.gif" alt="当图片因为某种原因无法显示时,会显示alt属性的内容"/>
<hr>
<h1>超链接</h1>
<a href="#">链接文本或图片 href="目标文件路径及全称/连接地址"</a>
<!--table bgcolor="表格的背景颜色"-->
<!-- bordercolor ="表格边框颜色"-->
<!--cellspacing="单元格与单元格之间的间距"-->
<!--cellpadding ="单元格与内容之间的间空隙"-->
<!--align="left/center/right"-->
<!--valign ="top/middle/bottom"-->
<!--colspan="所要合并的单元格的列数"合并列-->
<!--rowspan ="所要合并的单元格的行数"合并行"-->
<table border="5" width="300" height="120" bgcolor="yellow" bordercolor="#0000FF" cellpadding="0" cellspacing="0">
<tr>
<td width="100" bordercolor="red" bgcolor="tomato" align="center"
valign="middle">123sss</td>
<td rowspan="2" align="center" valign="center">123s</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td colspan="3" align="center" valign="center">123</td>
</tr>
<table>
</body>
</html>
笔记
推荐阅读
-
php简单的会话类代码_php基础
-
SQL语言查询基础:连接查询 联合查询 代码
-
我要如何在HTML中建立<form>数组?_PHP教程
-
网页源代码中加什么实现该页面播放电视剧_html/css_WEB-ITnose
-
HTML XML XHTML DHTML区别与联系_html/css_WEB-ITnose
-
CSS重复定义的问题请教_html/css_WEB-ITnose
-
css中position:fixed实现div居中_html/css_WEB-ITnose
-
php基础之数组的合并、拆分、区别取值函数集
-
【读书记录】Java核心技术 卷1【基础知识】
-
为什么说overflow: hidden;能清除浮动呢_html/css_WEB-ITnose