30 HTML CSS HTTP

最新推荐文章于 2022-09-17 22:35:30 发布

「已注销」

最新推荐文章于 2022-09-17 22:35:30 发布

阅读量361

点赞数

分类专栏： Java EE

Java EE 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

1. HTML（Hyper Text Markup Language），超文本标记语言。HTML文件的后缀名一般是：.htm，.html

<html>
	<head>

		<title>网页的标题</title>


	</head>

	<body>

		<h1><font color="red">i miss you bingjia</font></h1>
		<a href="www.baidu.com" target="blank">这是一个连接</a>
		<br>
		<br>
		
		<table border="1" align="center" width="80%">
		<!-- tr 一行，td一列，th,居中加粗一列
			<tr>
				<th> i miss you
				</th>
				<td> bb
				</td>
				<td> cc
				</td>
			</tr>
				<td align="center"><b>dd</b>
				</td>
				<td>ee
				</td>
				<td>ff
				</td>
			</tr>
		
		
		</table>

		-->
		
		
		<form>
		<!-- text文本框，password 密码框，checkbox 复选框-->
		username:<input type="text"/>
		<br>
		password:<input type="password"/>
		<br>
		兴趣 学习<input type="checkbox"/>
			 摄影<input type="checkbox"/>
			 旅行<input type="checkbox"/><br>
			 <!--radio 单选框  用name限定组-->
		性别 男<input type="radio" name="gender"/>
			  女<input type="radio" name="gender"/><br>
			  <!--select 下拉表单-->
		学历 <select>
			<option>小学</option>
			<option>中学</option>
			<option>高中</option>
			<option>大学</option>
			 </select><br>
			 <!--textarea-->
	    备注:<textarea></textarea><br>
		文件上传：<input type="file"/>
		<!--图片-->
		图片：<img src="QQ截图20140407195034.jpg"/>
		<!--按钮-->
		<br>
		<br>
		<input type="submit" value="提交"/>   
		<input type="reset"  value="重置"/>
		<input type="button" value="按钮"/>
		
		</form>
	</body>





</html>

2. 表单（form）：

3. 浏览器内核：WebKit，trident

4. CSS（层叠样式表）

样式表定义元素怎样去显示.外部样式表能够让你改变所有出现在你WEB中的外观和布局,而仅仅通过编辑一个单独的CSS文档.(原理就是一动多变)

<link rel="stylesheet" type="text/css" href="test.css">

CSS的语法由三部分组成: 一个选择器，一个属性和一个值，例如：
–selector {property: value}

选择器是你希望去定义的HTML元素/标签，每个属性可以有一个值，属性和值由冒号区分开外面用大括号括起来
body {color: black}

如果值为多个单词则用双引号括起来
–p {font-family: "sans serif"}
•注意：如果你想指定多个属性，你就必须将每个属性用分号隔开，下面的例子就演示了怎样定义居中红色文字段落
–p {text-align:center;color:red}

（一）类选择器

（1）用选择器类你可以将同一类型的HTML元素定义出不同的样式。比如你想在你的文档中有两种不同样式的段落：一种是右对齐，另外是居中的。这就告诉你该怎么用样式来做到这点

–p.right {text-align: right}
–p.center {text-align: center}

<p class="right"> This paragraph will be right-aligned. </p>
	<p class="center"> This paragraph will be center-aligned. </p>

（2）也可以省略标签名称直接去定义，这样就可以在所有的HTML元素中使用了。下面的例子就能让所有HTML中所有带class="center"的元素居中文字：
–.center {text-align: center}

（二）ID选择器

使用id 选择器你可以为不同的HTML元素定义相同的样式
•下面的样式规则对任何一个带有id属性值为"green"的元素都是匹配的
–#green {color: green}
•上面的规则将匹配h1和p元素
–<h1 id="green">Some text</h1>
–<p id="green">Some text</p>

下面的样式规则将匹配任何一个带有id属性值为"green"的p元素
–p#green {color: green}
•上面的规则与h1元素不匹配（也就是说不会产生样式效果）
–<h1 id="green">Some text</h1>

（三）插入样式表

（1）外部样式表：使用外部样式表是使样式应用于多张网页的理想方法。通过这个方法你只需改动一个文件就能改变整个网站的外观。使用<link>标签让每个页面都连接到样式表。<link>标签在head区域使用

–<head>
–<link rel="stylesheet" type="text/css" href="mystyle.css" />
–</head>

（2）内嵌样式表：

一份内嵌样式表应该在当有单独文档有特殊样式的时候使用。使用<style>标签在head区域内定义样式，像这样

<head>
<style type="text/css">
hr {color: red}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
</head>

（3）行内样式表

在相关的标签上用style属性来加入行内样式。样式属性可以包含任何CSS属性。例子中将展示怎样给一个段落加上左间距并将颜色改为red

–<p style="color: red; margin-left: 20px"> This is a paragraph </p>

(4) 超链接样式表

a:link {color:green}
a:visited {color:yellow}
a:hover {color: black}
a:active {color: blue}

5. Http是一个基于请求/响应模式的，无状态的协议(request/response based ,stateless protocol)

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
30 HTML CSS HTTP

1. HTML（Hyper Text Markup Language），超文本标记语言。HTML文件的后缀名一般是：.htm，.html2. 表单（form）：3. 浏览器内核：WebKit，trident4. CSS定义的语法：selector {property: value}5. Http是一个基于请求/响应模式的，无状态的协议(request/response ba
复制链接

扫一扫