HTML_CSS

一颗大白菜.

已于 2023-04-21 20:11:49 修改

阅读量285

点赞数 3

文章标签：前端

于 2023-04-15 22:57:41 首次发布

本文链接：https://blog.csdn.net/Wasd_222/article/details/130176851

版权

HTML_CSS

1. HTML概述
HTML指的是超文本标记语言（HyperText Markup Language）
超文本：是指页面可以包含图片，链接，声音，视频等内容
标记：标签（通过标记符号来告诉浏览器网页内容该如何显示）
2. HTML基本语法

<!DOCTYPE html>  //html5的文档声明
<html>
	<head>
		<meta charset="utf-8">
		<title>网页标题</title>
	</head>
	
	<body>
			Hello HTML! //内容 可以是文字，图片，链接等
	</body>
</html>

3. 基本常用语法

<title>定义标题</title>
<link rel="icon" href="ico地址">// 标题中添加图片
<h1>一级标题</h1>  //标题标签
<p>段落标签</p>
<br/> // 换行标签
<!--
			注释
-->
<ul type="circle">
		 <li></li>
		 <li></li>  // 无序列表
		 <li></li> 
</ul>
<ol type="circle">
		 <li></li>
		 <li></li>  // 有序列表
		 <li></li> 
</ol>
<a href="http://www.baidu.com" target="_self">百度</a>  //超链接标签 _self在本窗口打开   _blank 在新窗口打开
<img/>  //图像标签

特殊符号转义

小于号< &lt;     版权 &copy;    大于号 &gt;   商标(TM)&trade;   空格&nbsp;   注册商标(R) &reg;

4. 表格

<table border="5" width="500" bgcolor="aquamarine" cellpadding="0" cellspacing="0">
			<tr height="100" bgcolor="aliceblue" >
				<th width="100">姓名</th>
				<th>语文</th>
				<th>数学</th>
				<th>英语</th>
			</tr>
								<!-- td 定义单元格   th定义表头  tr定义表行-->
								cellpadding 设置
			<tr align="center">
				<td >张三</td>
				<td>90</td>
				<td>80</td>
				<td>75</td>
			</tr>		
</table>

5. 表单

<form action="http://www.baidu.com" method=“post”>
action指定提交以后，由服务器上那个处理程序处理
method 指定向服务器提交的方法 一般为post或get post比较安全
</form>

<input type="text" name="username" value="张三" readonly="readonly" placeholder="请输入" disabled="disabled">
placeholder提示信息  disabled内容置为不可使用   value输入标签的默认值

<input type="password" value="123456" />//密码框 value默认值
<input type="radio" name ="性别" value="男" checked="checked" /> //单选框 value初始值 checked默认选中
	单选框通过name属性来分组，name相同是一组才能单选
<input type="checkbox" name="爱好" value="跳" />//复选框 

<select name="province"> 下拉框
	<option value=""></option>
</select>

<textarea name="textarea" cols="40" rows="6">//多行文本框

<input type="reset" name="Reset" value=" 重填 ">//reset重置表单内容  submit提交表单内容  button按钮