第一天上课所学的内容,内包含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>