关于第一天上课的总结

这篇博客回顾了第一天上课的内容,主要介绍了HTML的基础标签,如font、a、table等的使用方法和属性。讨论了如何改变字体颜色、大小,以及如何进行文字加粗和换行。还讲解了超链接标签a的用法,包括页面跳转、锚点定位,并提到了img图片标签的属性。此外,还探讨了table表格的创建,包括tr、td、th等标签的运用,以及如何进行单元格的合并。
摘要由CSDN通过智能技术生成

第一天上课所学的内容,内包含HB的一些标签的使用方法和属性(属于每日总结)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<font size="7"><strong>总结</strong></font><hr/><br />
		<!--第一课-->
		<font>
			  <p>
			  	今天上课主要学习了HBuilder上面的部分标签知道了第一行叫声明,默认就是HTML5,它们分别是font 字体标签,a超链接标签,table表格标签等。
			 每个标签都有不同的属性像font字体标签里color是可以用来修改字体的颜色,他可以直接用英文输入,而且自持十六进制。
			 还有像strong属性可以对文字进行加粗处理,size可以改字体的大小等,其中7最大等。</p>
			 <p>
			 	其中特别注意的是,浏览器上的内容换不换行和开发工具的换行是没有任何关系,是由标签的属性决定的。像br:是换行标签,
			 	h:是标题标签(标题标签一共有6种字体大小,写文章标题的时候会用到,p:代表段落,hr:是水平线。换行一共有以下两种情况。<br />
			 行内标签:当展示的内容沾满一样的时候才会换行<br />
			 块及标签:默认占一行的标签,div,li,等</p>
			 <!--案例-->
			 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h3>静夜思</h3>
		<font color="#ff0068">床前明月光</font><br />
		<font>疑是地上霜</font><br />
		<font color="#c58869"><em>举头望明月</em></font><br />
		<font><strong>低头思故乡</strong></font><br />
		<hr />
		<!--第二课-->
			 <p>
			  a是超链接标签,锚链接点,a标签可以用来做页面的跳转,页面的定位,发邮件等。
			  页面的定位需要2个超链接来配合使用(其中第一个a必须要有一个id,把第一个a的链接叫锚点,第二个a可以回到指定的锚点位置),语法是:"href=#id",其中href是地址<br />
			  target="_self"是默认浏览器当前窗口打开,如果要把窗口打开变成新建窗口的话需要把“self"改成"_blank"。<br />
			  超链接课搭配img来使用,其中img是图片标签,其作用是引入一张图片。后面加上src就是打开图片的地址,图片也可以通过标签属性来改变图片的大小他妈呢的单位是像素(px),
			  alt是图片描述;在图片无法展示的时候他就会出现</p>
			  <!--案例-->
			  <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a id="tiaozhuan"></a>
		
		<a href="https://pic.sogou.com/d?query=%E6%B1%BD%E8%BD%A6&forbidqc=&entityid=&preQuery=&rawQuery=&queryList=&st=&did=12" target="_blank">
			<img alt="法拉利" src="img/falali.jpg" width="200px" height="100px"  />
			<hr />
			<!--第三课-->
			<p>
			table 是表格标签其中table是代表表格,tr 是tablet row代表行,td 代表单元格。border代表边框。其中td和th的用法是一样的,一般用于表头
			默认是加粗组中的效果,还有就是colspan="?",代表当前这个单元格占4列----合并列。
			rowspan="?",代表当前单元格需要占几行-----合并行。
			<!--例子-->
			<table  border="1px" width="400px" cellpadding="0px" cellspacing="0px" align="center">
			<tr>
				<td colspan="4" align="center">档案</td>
			</tr>
			<tr bgcolor="aqua">
				<th>姓名</th>
				<th>地址</th>
				<th>年龄</th>
				<th>性别</th>

			</p>
		</font>
	</body>
</html>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值