系统学习javaweb1----HTML语言1
自我感受:HTML语言没想到也有这么大的学问,竟然能通过超链接标签直接访问百度,这可让我大吃一惊,我也得反思一下自己,上学期的java纯是混过来的,没有系统的学习过,感觉能通过期末考试都是侥幸,接下来要加油了!奥利给
学习笔记:
1.HTML:(Hyper Text Markup language)超文本标记语言。
超文本:超越了文本仅仅展示信息的功能,泛指:图片、有样式的文字、点击跳转页面的文字。
语言:工具。
标记:标签。
HTML是由标签所组成的语言,能在页面上展示超文本效果。
2.HTML的入门案例。
Demo1.html
3.HTML的语言特征。
<html>
<head>
<title>我是标题</title>
</head>
<body>
需要展示给用户看的信息。
</body>
</html>
HTML的文件扩展名为html或者htm。htm是老的命名规范。
HTML文件由浏览器直接解析完成,无需编译,由上到下依次解析执行。
HTML标签通常由开始标签和结束标签组成,开始标签和结束标签之间的内容叫做内容体。单个标签无内容体的叫做空标签。
HTML标签不区分大小写,为了方便阅读,建议使用小写。
HTML标签是有属性的,格式为: 属性名=“属性值”,属性值用引号引起。引号包含单引号和双引号。
HTML标签建议包裹嵌套,不建议交叉嵌套。
HTML的基本标签
1.字体标签和格式化标签
1.1字体标签:用于展示效果中修饰文字样式
<font 属性值=“属性值”>文字</font>
size:控制字体大小,最小1-最大7。
color:控制字体颜色,只能用英文设置。
face:控制字体类型,必须是系统字库中有的字体类型。
<font color="blue" size="5" face="楷体"> 今天天气好晴朗</font>
1.2格式化标签
1.2.1<br/>
html源码中换行,浏览器解析时自动忽略。换行标签,用于展示效果中的换行。一个<br/>就是换一行。
李白<br/><br/>
床前明月光<br/>
疑是地上霜<br/>
举头望明月<br/>
低头思故乡<br/>
1.2.2<p></p>
段落标签,用于展示效果中划分段落,并且再段前和段后自动加空行align:段落内容的对其方式,默认是left 内容居左 right 内容居右 center 内容居中。
静夜思
李白
<p align="center">床前明月光,疑是地上霜。</p>
举头望明月,低头思故乡。
1.2.3<h1></h1>
标题标签,用于展示效果中划分标题
其中<h1>最大,<h6>最小。
<h1>静夜思</h1>
<h2>静夜思</h2>
<h3>静夜思</h3>
<h4>静夜思</h4>
<h5>静夜思</h5>
<h6>静夜思</h6>
<h7>静夜思</h7>
李白
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
1.2.4
HTML源码中的多个空格,效果最终会合并成一个。空格符号,用于展示效果中显示一个空白的位置。
李 白
李 白
1.2.5 HTML注释
用于注释HTML源码,不在HTML效果中展示。格式:<!-注释内容->
<!-静夜思->
李白
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
2.图片标签
2.1 <img src=“”/>
用于展示图片效果中展示一张图片。
src:指明图片的路径(必有属性)
width:图片宽度
height:图片的高度
图片路径的写法:
使用eclipse的话,将图片粘贴到webcontent,然后双击图片,获取路径,填入src后边引号内。
内网路径:
绝对路径:图片在硬盘上的具体路径。
相对路径:../是上一层目录。
./是当前目录。
从HTML的目录出发。未写完
互联网路径:<img src=“http://网址/图片” />
width height的默认单位是px,像素。例如“width=400” 其实设置的是width=“400px”。
也可以进行百分比设置 例如width=“50%”百分比是父标签的百分比。如果是<body></body>下的就是所有空白表示区域的50%,会根据窗口大小而改变,是动态的,而像素不会。
3.列表标签
3.1无序列表 <ul></ul>
无序列表标签,用于在效果中定义一个无序列表。
3.2有序列表 <ol></ol>
有序列表标签,用于在效果中定义一个有序列表。
3.3列表条目<li></li>
列表条目标签,用于在效果中定义一个列表的条目。
<ul>
<li>手机数码</li>
<li>电脑办公</li>
<li>家居饰品</li>
</ul>
<ol>
<li>手机数码</li>
<li>电脑办公</li>
<li>家居饰品</li>
</ol>
4.超链接标签<a></a>
超链接标签:用于效果中定义一个可以点击跳转的链接。
href:超链接中跳转的路径(必有属性)
本机路径:相对路径和绝对路径
外网路径:http://地址
本页:默认跳转本页。
<a href=“”></a>
<a href="http://www.baidu.com">百度</a>
牛笔!!!
系统学习javaweb1----HTML语言1的更多相关文章
- 系统学习 javaweb2----HTML语言2
感想:学习javaweb之路,任重而道远. 学习笔记: 5.表格标签 5.1<table></table> 表格标签,用于效果中定义一个表格 5.2<tr>< ...
- MES系统学习
MES系统是当今制造型企业信息化的热点,而统一建模语言UML是面向对象建模的标准语言,在软件工程发挥着重要作用.MES系统如何进行UML建模呢,今天和大家重点讨论一下MES系统的UML建模方法,请看本 ...
- 值得学习的C语言开源项目
值得学习的C语言开源项目 - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工 ...
- 001 今天开始系统学习C#
2016-01-16 之前只是大概了解过c#语言,感觉掌握不牢靠.现在开始系统学习C#.现以该博客作为学习笔记,方便后续查看.C# 目标:系统掌握c#知识 时间:30天 范围:C#基础,Winform ...
- Linux系统学习笔记:文件I/O
Linux支持C语言中的标准I/O函数,同时它还提供了一套SUS标准的I/O库函数.和标准I/O不同,UNIX的I/O函数是不带缓冲的,即每个读写都调用内核中的一个系统调用.本篇总结UNIX的I/O并 ...
- IOS学习笔记06---C语言函数
IOS学习笔记06---C语言函数 -------------------------------------------- qq交流群:创梦技术交流群:251572072 ...
- Hibernate的系统 学习
Hibernate的系统 学习 一.Hibernate的介绍 1.什么是Hibernate? 首先,hibernate是数据持久层的一个轻量级框架.数据持久层的框架有很多比如:iBATIS,myBat ...
- ios开发学习笔记001-C语言基础知识
先来学习一下C语言基础知识,总结如下: 在xcode下编写代码. 1.编写代码 2.编译:cc –c 文件名.c 编译成功会生成一个 .o的目标文件 3.链接:把目标文件.o和系统自带的库合并在一起, ...
- 【C/C++开发】值得学习的C语言开源项目
值得学习的C语言开源项目 - 1. Webbench Webbench是一个在Linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的 ...
- ndk学习之C语言基础复习----虚拟内存布局与malloc申请
在这一次中来学习一下C语言的内存布局,了解它之后就可以解释为啥在用malloc()申请的内存之后需要用memset()来对内存进行一下初始化了,首先来了解一下物理内存与虚拟内存: 物理内存:通过物理内 ...
随机推荐
- Docker安装 - CentOS7环境
Docker安装 - CentOS7环境 安装Docker 我是虚拟机装的Centos7,linux 3.10 内核,docker官方说至少3.8以上,建议3.10以上(ubuntu下要linux内核 ...
- alert(1&&2)的输出问题
此文章转载自http://blog.csdn.net/xiaotao_css/article/details/61940664 一.先来说说 ||(逻辑或),从字面上来说,只有前后都是false的时候 ...
- Linux-socket编程接口介绍
1.建立连接 (1).socket.socket函数类似于open,用来打开一个网络连接,如果打开成功则返回一个网络文件描述符(int类型),之后我们操作这个网络连接都可以通过这个网络文件描述符. ( ...
- 24.docker 部署 wordPress
1. 拉取远程 mysql 和 wordpress 镜像 并 启动起来 使用 docker pull mysql:5.7.27 docker pull wordpress 2. 创建mysql 的 c ...
- autorclone使用心得
一边使用一边更新. 0x00 SAs最坑的那地方在于,当我新建了一个group,却只能每天添加100个SAs.但是autorclone在本地调用的SAs却有500个,这样每次copy的时候,auto ...
- TF分布式问题
碰到一个没解决的问题. 用tensorflow 分布式异步更新模式训练模型, 模型中带正则项, 每个batch的损失函数为 \[\lambda \|W\|_1 + \frac 1 {N_j} \sum ...
- python机器学习(1:K_means聚类算法)
一.算法介绍 K-means算法是最简单的也是最著名的划分聚类算法,由于简洁和效率使得他成为所有聚类算法中最广泛使用的.算法的目的是使各个样本与所在均值的误差平方和达到最小(这也是评价K-means算 ...
- Python笔记_第四篇_高阶编程_GUI编程之Tkinter_5.鼠标事件
1. 鼠标点击事件: 图示: 实例: import tkinter from tkinter import ttk # 创建主窗口__编程头部 win = tkinter.Tk() # 设置标题 wi ...
- cocoaPods安装使用亲体验
一. cocoaPods的安装. 终端中输入: $ sudo gem install cocoapods 注意:直接在terminal中输入这个是安装不成功的,因此,我们可以通过淘宝的Ruby镜像来访 ...
- 迅为iTOP-开发板-驱动-can和rfid配置
在迅为开发板中,在 4412,4418 以及 6818 中,有的开发板默认配置 RFID,有的默认配 置 CAN 驱动(IMX6 默认都配置). 本文档介绍如何配置 CAN 和 RFID 的驱动. 截 ...