第一天
<font size="10" color="red">这是我的第一个html</font>
标签有很多并不需要全部记住,但是常用的一定要记住一、html规范(遵循)
1、html包含两部分内容
<head>设置相关信息</head>
<body>显示在页面上的内容都写在body里</body>
2、html里不区分大小写,java里是区分的
3、有些标签没有结束标签
换行<br>
<br/>在标签内结束
一条水平线<hr>
<hr/>在标签内结束
二、html的操作思想 标签 属性(特别重要 理解)
在网页中有很多的数据,不同的数据有不同的显示效果,这个时候需要使用标签把要操作的数据包起来(封装起来),通过修改标签的属性值实现标签内数据样式的变化。
延伸 一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。
常用标签
size 1-7 超过7还是7
<!-- -->
标题标签 <h1>最大,有唯一重要特点就是会 自动换行 所以就不需要在另外加<br/>标签<h6>
<hr size="7" color="">水平线标签的使用颜色、线宽
特殊字符的转义 < < <!--因为有时候会识别成标签而不现实-->
> >
空格也需要转义<!--注意后面的分号也是转义符的一部分-->
<dl>列表的范围 特点 到第二行会有缩进(所说的上层内容跟下层内容)
<dt>上层内容(就是不用缩进的的内容) //在dl里
<dd>下层内容(就是要缩进的内容) //在dl里
</dd>
</dt>
</dl>
<ol>有序列表的范围
<ol type="1(默认,默认就是缺省的意思),a,i"></ol>>
<li>
</li>
</ol>
<ul>无序列表的范围
<ul type="空心圆circle,实心圆disc(默认),实心方块square">
</ul>
5、图像标签(非常重要)
< img src="图片的路径"/>
-src:图片的路径
-width:图片的宽度
-height:图片的高度
-alt:图片上显示的文字,把鼠标移动到图片上停留片刻,文字就会显示 <!--用的很少因为很多浏览器都不兼容,还有一个功能就是当图片加载不出来的,显示文字,这是一个图片-->
6、路径的介绍(很重要,路径错误会出现404)
分类 两类
绝对路径
-C:\Program Files (x86)\baidu\BaiduRJDownloader\a.jpg
-https://www.icourse163.org/a.jpg
相对路径
-一个文件相对于另一个文件的位置 a.jpg
-三种
-HTML文件和图片在同一个路径下,可以直接写文件名称
-图片在HTML的下层目录(在HTML文件中,使用img文件夹下的a.jpg)
-图片在HTML的上层目录(../表示上层目录)
想要表示上层的上层../../ 点点杠
超链接(非常重要,且很常用)
*链接资源
<a href="链接到资源的路径"></a>
**href:链接的资源的地址
**target:设置打开的方式,默认是在当前页打开
-blank:在一个新窗口打开
-self:在当前页打开( 默认)
当超链接不需要到任何的地址只要在href="#"就可以了
*定位资源
**如果想要定位资源;
定义一个位置<a name="top">顶部</a>
回到这个位置<a herf="#top">回到顶部</a>
**引入一个标签pre(原样输出标签,你写什么样就输出什么样)
<pre>
public static void main(string[]args){
system.out.println("hello world");
}
</pre >
9、表格标签<***很重要***>
*可以对数据进行格式化,使数据显示更加清晰
*<table></table>;表示表格的范围
-border 单元格线的粗细
-bgcolor 单元格线的颜色
-cellspacing 是否是双线
-width 表格的宽
-height 表格的高
**在table里面<tr></tr>表示行 //tr里面嵌套td
--设置对齐方式 align="left/center/right"句左居中居右
<tr align="center"></tr>
***在tr里面<td></td>
---th也可以代替td表示单元格 表示居中和加粗
**操作技巧
-首先数有多少行,数每行里面有多少个单元格
**表格的标题
要写在table标签里<caption></caption>
**合并单元格
-rowspan跨行
**<td rowspan="3">人员信息</td> 跨行操作跨三行
-colspan跨列
<tr colspan="3">人员信息</tr> 跨列操作跨三列
代码
<table border="1" bgcolor="blue" cellspacing="0" width="12 " height="12">//单元格线粗细、颜色、是否双线、表格的宽高
<tr>
<td></td>
<td><td>
<td><td>
</tr>
</table>
第一天主要学了列表标签、图像标签、路径、表格标签
第二天
10、表单标签(***今天最重要的***就是别的标签可以不会,但是这个标签必须会 这些都必须要记住,没有一点可以商量的,就是在你以后开发的时候,其他标签你都可以写不到