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>



笔记




























  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值