Java web 学习日记

最新推荐文章于 2021-09-22 19:32:34 发布

赵国凯

最新推荐文章于 2021-09-22 19:32:34 发布

阅读量1.2k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_36494136/article/details/80254162

版权

第一天

<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、表单标签（***今天最重要的***就是别的标签可以不会，但是这个标签必须会这些都必须要记住，没有一点可以商量的，就是在你以后开发的时候，其他标签你都可以写不到࿰

最低0.47元/天解锁文章

赵国凯

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Java web 学习日记

第一天&lt;font size="10" color="red"&gt;这是我的第一个html&lt;/font&gt;标签有很多并不需要全部记住，但是常用的一定要记住一、html规范（遵循）1、html包含两部分内容&lt;head&gt;设置相关信息&lt;/head&gt;&lt;body&gt;显示在页面上的内容都写在body里&lt;/body&gt;2、htm
复制链接

扫一扫

专栏目录