java html css 的学习

																			**第二阶段 JAVA 内容学习**
	-HTML、CSS		 的学习 和标签使用
	HTML: 用于开发网页的一门技术
	 **CSS: 用于修饰、渲染网页的一门技术***														
			HTML+CSS可以开发一个非常美观、非常漂亮的网页

开发网页 盖房子
HTML标签搭建网页的结构 砖块(搭建房子的结构) CSS属性 石灰、油漆等涂料
<!DOC TYPE html>


网页的标题


Hello CGB 2003…




HTML结构详解
(1) 文档声明, 用来声明HTML文档所遵循的HTML规范和版本 上面是html5.0的声明, 也是目前最常用的版本 (2) 头部分, 用来存放HTML文档的基本属性信息, 比如网页的标题, 文档使用的编码等, 这部分信息会被浏览器优先加载. (3) 体部分, 用来存放网页可视化数据. 即真正的网页数据 (4) 声明网页的标题 (5) 用来通知浏览器使用哪一个编码来打开HTML文档, 这个编码一定要和文件保存时的编码保持一致, 才不会出现中文乱码问题.

		**html  注释 及标签的使用**## 标题
格式		注释  <!--注释内容-->
<br/> 标签做换行
&nbsp; 或 &emsp; 做空格
table -- 用于在网页中定义一个表格
 tr -- 用于定义表格中的行
  td -- 用于定义表格中的单元格
   th -- 用于定义表头行中的单元格(th中的文本默认居中,并且加粗)

HTML中是不区分大小写的!
通过img标签可以在网页中插入一副图像:

属性:

width属性用于指定图片的宽度
height属性用于指定图片的高度
href 属性用于指定点击超链接后将要跳转到的URL地址 01-第一个网页.html
target属性用于指定以何种方式打开超链接 tmooc 123456789
_self:默认值, 表示在当前窗口中打开超链接
_blank:表示在新的窗口中打开超链接
border:2px solid red; / 为表格添加边框
/ border-collapse: collapse; / 设置边框合并 *
/ background-color: pink; /* 为表格设置背景颜色
/ width: 70%; / 为表格设置宽度 /
/
设置表格的左外边距和右外边距自适应(保证两者始终相等) *
/ margin-left: auto; margin-right: auto;
border:2px solid red; /* 为单元格添加边框
/ border-collapse: collapse; / 设置边框合并
/ padding: 5px; / 设置单元格边框和内容的距离(内边距) */

/* border: 2px solid blue;
text-align: center; /* 设置元素中的内容水平居中 */

表单项选项
在这里插入图片描述
select用于定义一个下拉选框
option用于定义下拉选框上的选项
selected设置当前option选项默认被选中

12
3、 textarea 多行文本输入区域:
cols属性: 用于设置文本输入框的列数(宽度)
rows属性: 用于设置文本输入框的行数(高度)
placeholder属性: 设置输入框中的提示消息!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值