【学习笔记】JavaWeb入门篇—HTML(二)

简介: 【学习笔记】JavaWeb入门篇—HTML(二)

有序列表orderlist—ol

例如:


<ol type = "A">
    <li>卢本伟</li>
    <li>大司马</li>
    <li>pdd</li>
  </ol>


image.png


我们能看出来这个有序的列表就是ABC,则在代码中type = "A"则代表的就是。


我们还可以换成a,I,i等。


无序列表 ul

<ul type = "square">
    <li>铁甲小宝</li>
    <li>鲨鱼辣椒</li>
    <li>蝎子莱莱</li>
  </ul>


运行截图:

image.png



则无序列表中的type则是代表的什么呢?


其类型为circle(白圆形),disc(黑圆形),square(方块)。


设置图片 img

<img src="C:\Users\admin\Desktop\tupian\10.jpg" width = "45",height = "28">

image.png



src则是表示图片的地址,而width和height分别的代表的是宽度和高度。

超链接 a

<a href="https://blog.csdn.net/m0_54355125?type=blog" target="">小宝的博客</a>


a表示超链接

href表示链接地址

target:

_self表示在本窗口打开

_blank在一个新窗口打开

_parent 在父窗口打开

_top 在顶层窗口打开


表单 form

一般我们都会通过表单对从一个html到其他文件的跳转作用。


语法:


 

<form action="C:\Users\admin\Desktop\HTML\deom2.html" method="post">
   账号:<input type="text" name = "Nickname"> <br/>
   密码:<input type="password" name = "pwd"><br/>
   <input type="submit" value = "提交" />
   </form>


✨action:表示请求的文件地址。


✨method:表示请求的方法,一般有post,get。


导入背景片

<body background="C:\Users\admin\Pictures\56.png"
  style="background-repeat:no-repeat
                background-attachment:fixed;
                background-size:100% 100%;"
  >


background:则是背景图片的文件地址。


background-repeat:设置图片平铺方式。有三个属性:no-repeat(图片保留自身大小不平铺)、repeat-x(图片在水平方向上平铺)、repeat-y(图片在垂直方向上平铺)。


background-attachment:用于设置背景图像是否固定或者随着页面的其余部分滚动。


background-size:背景图片的大小。


div添加图片

#div_2{
  width: 900px;
  margin-left: 20%;
  height: 720px;
  background-image : url("../img/meinv.jpg");
  background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:100% 100%;
}


其实也就是在background后面加了一个img然后需要用url包裹!



相关文章
|
3月前
|
前端开发 容器
javaweb实训第一天上午——HTML和CSS(3)
类选择器 所有的标签都有一个class属性 我们为这个class设定一个值,然后再写选择器来匹配这一个值、
38 0
|
7月前
|
前端开发 JavaScript 安全
JavaWeb 速通HTML
JavaWeb——前端基础三件套之HTML 内容分享。
46 0
|
2月前
|
Web App开发
某教程学习笔记(一):04、HTML基础
某教程学习笔记(一):04、HTML基础
13 0
|
7月前
|
前端开发 编译器 Linux
JavaWeb第二章:HTML和CSS的知识制作静态网页
JavaWeb第二章:HTML和CSS的知识制作静态网页
67 0
|
7月前
|
前端开发 JavaScript NoSQL
【JavaWeb】知识总结Ⅰ(B/S, html, css)
B/S框架,意思是前端(Browser 浏览器)和服务器端(Server)组成的系统的框架结构。 B/S架构也可理解为web架构,包含前端、后端、数据库三大组成部分。 ·前端 前端开发技术工具包括三要素: HTML、CSs和JavaScript,还有很多高级的前端框架,如bootstrap.jquery, vUE等。
|
3月前
|
XML 前端开发 JavaScript
javaweb实训第一天上午——HTML和CSS(2)
4.7 列表标签 列表标签分为有序列表与无序列表: 4.7.1无序列表 代码格式
233 0
|
3月前
|
Web App开发 开发框架 前端开发
javaweb实训第一天上午——HTML和CSS(1)
1.课程介绍 1.Html认识; 2.Html简单使用; 3.Html常用标签; 4.Css认识 5.Css使用
71 0
|
4月前
|
前端开发 BI 开发者
Javaweb之HTML,CSS的详细解析
新浪新闻-正文实现 2.3.2.1 正文排版 2.3.2.1.1 分析 整个正文部分的排版,主要分为这么四个部分: 1). 视频 (当前这种新闻页面,可能也会存在音频)
49 0
|
4月前
【JavaWeb学习】—手托html页面和在浏览器中输入地址访问的背后不同原因(十一)
【JavaWeb学习】—手托html页面和在浏览器中输入地址访问的背后不同原因(十一)
|
7月前
|
前端开发 JavaScript 算法
网络结构与HTML学习笔记
网络结构与HTML学习笔记
148 0
网络结构与HTML学习笔记