欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Html,Css

程序员文章站 2024-03-25 12:33:58
...

简介:
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>
first page

hello CGB1912!

结构详解: :文档声明,用于声明当前文档是一个html格式的网页,版本是html5.0 :根标签,会包含除了文档声明以外的所有内容 :头部分,存放网页的基本属性信息,会被浏览器优先加载 :体部分,存放的是可视化的网页内容,会显示在网页(浏览器)上 ;网页标签的标题 <h1>-<h6>:网页内容的标题,例如:文章标题,h1-h6字体加粗,字号一次从大变小 :防止网页乱码的标签,只要保证网页文件另存时的编码和mera标签指定的编码相同,网页文件就不会出现乱码 </h6></h1>

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/>
网页空格:&nbsp;或者&emsp;

注意: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地址的后面通过问号》可以拼接参数,参数可以有多个,多个参数之间用&分隔,参数还分为参数名以及参数值,在回车后访问百度服务器,将问号后拼接的参数一并带给百度服务器