HTML,CSS,HTTP

本文详细介绍了HTML(超文本标记语言)和CSS(层叠样式表)的基础知识,包括常用HTML标签、HTTP协议、HTML文档结构、CSS选择器规则、CSS语法及应用,以及HTTP请求与响应的基本概念。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.HTMLHyper Text Markup Language),超文本标记语言。HTML文件的后缀名一般是.htm.html

2.常用HTML标签:

<html>
	<head>
		<title>This is my first HTML</title>
	</head>
	<body>
		<h1><font color = "red">This is context</font></h1>
		<a href = "http://www.baidu.com">This is a href</a>
		<br>
		<table border = "1" align = "center" width = "80%">
			<tr>
				<td>1,1</td>
				<td>1,2</td>
				<th>1,3</th>
			</tr>
				<td>2,1</td>
				<td>2,2</td>
				<td align = "center"><b>2,2</b></td>
			<tr>
			</tr>
		</table>
		<form>
			username:<input type = "text">
			<br>
			password:<input type = "password">
			<br>
			interest:study<input type = "checkbox">
				 trouble<input type = "checkbox">
			<br>
			sex:man<input type = "radio" name = "gender">
			    woman<input type = "radio" name = "gender">
			<br>
			select:<select>
				<option>1</option>
				<option>2</option>
				<option>3</option>
		               </select>
			<br>
			textarea:<textarea>
				 </textarea>
			<br>
			fileload:<input type = "file">
			<br>
			 <input type = "submit" value = "submit">
			<br>
			 <input type = "reset" value = "reset">
			<br>
			 <input type = "button" value = "button" onclick = "javascript:alert('hello world');"> 
			<br>
			picture:<img src = ""></img>
		</form>
	</body>
</html>

3.CSSCascading Style Sheets层叠样式表)

一般说来所有的样式有下面的规则(优先级从下到上):

——Browser Default浏览器默认

——External Style Sheet外部样式表

——Internal Style Sheetinside the<head> tag)内嵌样式表(在<head>标签内)

——Inline Styleinside an HTML element)行内样式表(在一HTML元素内)

4.CSS的语法由三部分组成:一个选择器,一个属性和一个值——selector{propertyvalue}

——选择器是希望定义的HTML标签/元素;

——如果值为多个单词则用双引号括起来:p{font-family:sans serif}

——如果想指定多个属性,则将每个属性用分号隔开:p{text-align:center;color:red}

——将选择器组合,用逗号分隔每个选择器:h1,h2,h3,h4,h5,h6{color:red}

——使用选择器类可以将同一类型的HTML元素定义出不同的样式,且必须在HTML文档中使用类属性(才能显示出效果),每一个HTML元素只能有一个类属性

p.right{text-align:right}

<p class = "right">Hello World</p>

注意:可以对HTML文档的所有元素使用类属性,例如:

.right{text-align:right}

——使用id选择器可以为不同的HTML元素定义相同的样式,下面的样式规则对任何一个带有id属性值为green的元素都是匹配的

#green{color:green}

<p id = "green">Hello World</p>

1.HTTP是一个基于请求/响应模式的,无状态的协议request/response basedstateless protocol

2.持续连接(HTTP1.1建立连接的缺省行为):通过这种连接,浏览器可以在建立一个连接之后,发送请求并得到响应,然后继续发送请求并再次得到响应。而且客户端可以连续发送多个请求,而不用等待每一个响应的到来。

111111
3.HTTP请求由三部分组成,分别是:请求行,消息报头,请求正文

——请求行:Method Request-URI HTTP-Version CRLFMethod表示请求的方法,Request-URI表示请求的资源,HTTP-Version表示请求的协议版本,CRLF表示回车换行。

222222

当我们通过在浏览器的地址栏中直接输入网址的方式去访问网页的时候,浏览器采用的就是GET方法向服务器获取资源。

4.HTTP响应也是由三个部分组成,分别是:状态行,消息报头,响应正文。

——状态行:HTTP-Version Status-Code Reason-Phrase CRLFHTTP-Version表示协议版本,Status-Code表示状态代码,Reason-Phrase表示状态代码的文本描述。

333333

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值