html学习总结
一、前言
这学期我们开了web这门课，学习了一些有关html和css的一些知识，老师让我们写给总结，于是呢，我就打算尝试写一下博客，这还是我第一次写博客，不足之处，还望多多包涵。
1、html格式
html的基本格式如下：
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
前面的“<!DOCTYPE html>”可以省略，浏览器也可以识别。整个html必须包含在< html>和</html>之间。其中主要分为两标签——< head> < /head>和< body> < /body>。
2、< head> < /head>标签
这个标签里面主要放一些文档的元素，这个里面一般不会放代码（有时也会放入JS代码），这个有点像c++啊、python或者java里面的头部声明吧。（个人观点，老师好像没这样说过）。一般会在这里面把文档用到的一些资源做声明。如 < meta charset=“utf-8”> 定义网页编码格式为 utf-8。还有比如文档的 title 啊、css样式表、等等。
总之基本上head里面就这几个标签:
< meta> 包含广泛的标签，如网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。
< link> 是一个链接标签，包括外部css文件引用、js文件引用。
< title> 文档标题。
< script> 引入外部js文件作用，只需要给一个链接即可。
< base> 网页默认打开方式声明标。
< style> 直接嵌入网页的js或css文件标签，就是直接写代码的txt。
3、< body> < /body>标签
这个里面写的就是浏览器里面我们所看到的内容啦！当然这里有着它自己的规范。
其实 head 和 body 标签的执行顺序是不同的，页面首先加载head里面的js，但方法function不会执行，function需要在被触发的时候才执行（比如单击事件）,之后会加载body里面的内容，页面和js顺序加载。
二、一些常用标签的用法
1. < h> </h>标签
代码如下（示例）：
<h1>这是一级标题 1</h1>
<h2>这是二级标题 2</h2>
<h3>这是三级标题 3</h3>
<h4>这是..级标题 4</h4>
<h5>这是..级标题 5</h5>
<h6>这是..级标题 6</h6>
......
运行截图如下：
2. < p> < /p>标签：
这个标签会生成一个段落，可以在这个段落里面写文字，但会忽略空格！！！
代码如下（示例）：
<p>我是一个段落</p>
运行结果网上多的是，我就不附上截图了，后面也是一样。主要是因为我懒。。。
3、< br>、< hr>、< input>标签
< br>是换行标签，< hr>是水平分割线，< input>是输入框。它们三个都是单标签，无结束标志！！！
4、超链接标签
<a href="http..." target="_blank"> 百度一下</a>
这个标签会生成一个链接，链接的地址为 “href=”里面的内容，" target="属性表示在新窗口打开。
5、插入图片
<img src="http..." alt="图片加载异常" widh=" " height=" ">
这个标签会插入一个图片，图片地址为 src=“http…”，如果无法正常显示，则alt=“图片加载异常”；widh=" " height=" "分别为图片宽和高。
老师留的思考题：如何将图片做成超链接？
就是用标签！当点击图片时就会跳转到标签的目标链接中。
<a href="http..."> <img src="图片地址" /> </a>
6、表单
这个玩意儿反正就是这样用的 ( 比着这个代码写就差不多了)，里面可以放输入框、单选、多选框、按钮等等。
<form >
用户名：<input type="text" name="user" value="" placeholder="请输入用户名"><br>
密码：<input type="password" name="password" value="" placeholder="请输入密码"><br>
上传文件<input type="file" name="filepload" value="" placeholder=""><br>
<!-- 多选 -->
爱好：<input type="checkbox" name="复选框" value="1" placeholder="">篮球<br>
<input type="checkbox" name="复选框" value="2" placeholder="">羽毛球<br>
按钮<input type="button" name="button_1" value="" placeholder=""><br>
<input type="submit" name="" value="提交" placeholder=""><br>
<input type="reset" name="重置" value="重置" placeholder=""><br>
</form>
运行截图：
三、总结
html标签千千万，多得一逼，肯定不可能每一个都清楚，只需要了解一些常用的即可，如果到了需要用到的时候，翻开开发手册查询即可。
心得：
唉，写这个东东真的累，以前在网上查询，## 标题看别人写的博客时并没有想到会这么麻烦，不过这个东西真不错，既可以帮助自己巩固知识，也可以帮助需要的人！
其实这次第一次尝试写博客主要还是为了完成老师布置的作业，并不是自己主动想写的。呃呃，惭愧。。。但我以后会继续写的，因为后面还有好多作业！！！哈哈哈，也希望老师可以给我的分打高一点，嘻嘻。
77
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
