Html,Css
简介:
html:开发网页的一门技术
css:修饰、渲染网页的一门技术
HTML:超文本标记语言
1.使用html开发的网页文件以.html或.html为后缀
2.使用html开发的网页文件由浏览器负责解析并显示,用谷歌或者火狐
3.html是文档的一种(txt/word/ppt/pdf)
结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>first page</title>
</head>
<body>
<h1>hello CGB1912!</h1>
</body>
</html>
hello CGB1912!
结构详解: :文档声明,用于声明当前文档是一个html格式的网页,版本是html5.0 :根标签,会包含除了文档声明以外的所有内容 :头部分,存放网页的基本属性信息,会被浏览器优先加载 :体部分,存放的是可视化的网页内容,会显示在网页(浏览器)上html语法
1.html标签
标签:也叫标记、元素等,标签分为开始标签和结束标签,开始标签和结束标签之间还可以包含其他内容。
自闭标签:开始标签和结束标签之间没有内容包裹
例如:
<mera/><br/><hr/><input/><img/>等
2.html属性
在标签上可以声明属性
标签上可以声明多个属性,多个属性之间用空格分隔
标签上的属性的值可以使用单引号或者双引号引起来
<meta charset="UTF-8" id="m1"/>
<meta charset="UTF-8" id='m1'/>
3.html注释
格式:
<!--注释内容-->
4.html空格和换行
网页换行:<br/>
网页空格: 或者 
注意:html不区分大小写,语法要求不严格
html标签:
图像标签:img在网页中插入衣服图像
<img src="imgs/mein.jpg" width="50%"/>
src:属性用于指定图片的路径
width:属性用于指定图片的宽度
height:舒心惯用语指定图片的高度
注意:src在企业开发中不写带盘绝对路径
超链接标签:a标签在网页中创建指向另一个文档的超链接,点击链接跳转到另一个网页(图片/下载路径等)
<!--跳转到本地的一个网页-->
<a href="程序员.html">程序员.html</a>
<!--跳转到百度-->
<a href="http://www.baidu.com">百度</a>
<br/>
<!--点击图片跳转tom-->
<a target="_blank" href="http://www.tom.com">
<img alt="tom" src="imgs/tom.png"/>
</a>
href属性用于指定点击超链接后将要跳转到的URL地址
target指定以何种方式打开超链接
_blank:新的窗口中打开超链接
_self:默认值,当前窗口打开超链接
表格标签:table
<h1>网页中插入表格</h1>
<table><!--网页定义一个表格-->
<tr><!--定义表格行-->
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>11</td><!--定义一个单元格-->
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<tr/>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>
网页中插入表格
表头1 | 表头2 | 表头3 |
---|---|---|
11 | 12 | 13 |
21 | 22 | 23 |
31 | 32 | 33 |
表格标签介绍:
table:网页中定义一个表格
tr:定义表格中的行
td:定义表格中的单元格
th:定义表头行中的单元格
表单标签
表单作用:用于向服务器提交数据
1.通过表单向服务器提交数据
表单可以包含表单项标签,在表单项中可以填写数据,填写完后提交表单,将表单中的数据提交给相应的服务器
2.通过超链接向服务器提交数据
http://www.baidi.com?username=安安&pwd=111&like=敲代码
在地址栏URL地址的后面通过问号》可以拼接参数,参数可以有多个,多个参数之间用&分隔,参数还分为参数名以及参数值,在回车后访问百度服务器,将问号后拼接的参数一并带给百度服务器