HTML，CSS，HTTP

最新推荐文章于 2024-08-03 15:42:27 发布

原创最新推荐文章于 2024-08-03 15:42:27 发布 · 800 阅读

1 ·

CC 4.0 BY-SA版权

Java学习专栏收录该内容

11 篇文章

订阅专栏

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

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

1.HTML（Hyper 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.CSS（Cascading Style Sheets层叠样式表）

一般说来所有的样式有下面的规则（优先级从下到上）：

——Browser Default浏览器默认

——External Style Sheet外部样式表

——Internal Style Sheet（inside the<head> tag）内嵌样式表（在<head>标签内）

——Inline Style（inside an HTML element）行内样式表（在一HTML元素内）

4.CSS的语法由三部分组成：一个选择器，一个属性和一个值——selector{property：value}

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

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

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

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

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