Java web 学习日记

第一天

<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="">水平线标签的使用颜色、线宽
  特殊字符的转义 < &lt;  <!--因为有时候会识别成标签而不现实-->
                          > &gt;
                          &nbsp; 空格也需要转义<!--注意后面的分号也是转义符的一部分-->

   

<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、表单标签(***今天最重要的***就是别的标签可以不会,但是这个标签必须会 这些都必须要记住,没有一点可以商量的,就是在你以后开发的时候,其他标签你都可以写不到࿰
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值