欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

html基础 第一天

程序员文章站 2022-04-29 18:29:19
...

html基础 第一天

<!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>
<<!--左尖括号-->
&copy;
><!--右尖括号-->

<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>



笔记html基础 第一天


html基础 第一天


html基础 第一天

html基础 第一天


html基础 第一天


html基础 第一天

html基础 第一天


html基础 第一天


html基础 第一天

html基础 第一天


html基础 第一天


html基础 第一天


html基础 第一天


html基础 第一天

html基础 第一天

html基础 第一天

html基础 第一天

html基础 第一天