第一周心得(闲谝)
在面试实验室的时候一周突击了HTML,学的很不扎实,这回有时间放假在家正好从头学一遍。还是第一遍学的感觉,标签好多,相似的好多,今天记住了,明天转眼就忘了。后来看了实验室学姐发的视频,感觉记住一些重要的就可以了。其实个人感觉HTML就是网页的一个骨架,就像人体的骨骼。其他的样子,或者一些动态的效果,或者交互动作。都可以用其他两门与语言完成。(CSS和JavaScript)。包括后来出现的更先进的HTML5,CSS3因为是不同开发者的语言,所以两者都想改进自身,使其更完整。有好多东西都是两者重复的。感觉相同的东西掌握其中一门即可。
HTML基本格式
HTML=Hyper Text Markup Language 超文本标记语言。是一种标签语言。
<>
</>
将标签写在小于和大于号里面。有头有尾。
基本格式:
<html>
<head>
</head>
<body>
</body>
</html>
这里<head>
和<body>
就是两个最基础的标签。在往后的学习中,我们要经常把一些CSS和JavaScript的东西写在<head>
里面。把一些内容性的东西写在<body>
里面。
常用标签
标签 | 描述 |
---|---|
<h> | 标题 |
<p> | 段落 |
<a> | 锚(可插入超链接<a href=""> ) |
<a href="#tips">****</a> | 指向标签 |
<a name="tips">****</a> | 显示标签 |
<img src=""> | 图片 |
<br> | 换行 |
<em> <i> | 强调文本(使文字倾斜) |
<strong> | 强调文本(使文字加粗) |
<code> | 文字格式化输出(保留输入的文本格式)(代码) |
<del> | 文字上加横线 |
<form> | 表单 |
<ul> | 无序列表 |
<ol> | 有序列表 |
<li> | 列表项目 |
<meta> | HTML页面元信息 |
<select> | 定义下拉选择列表 |
<option> | 定义选择列表中的选项 |
<table> | 表格 |
<tr> <td> | 表格中的行/表格中的单元 |
<div> <span> | HTML容器标签 |
<!--...--> | 注释 |
<textarea> | 文本域 |
<input tpye=""> | 表单输入格式 |
*表单重点内容
标签 | 描述 |
---|---|
<input type="text" required> | 必填字段 |
<input type="password"> | 密码(输入为掩码) |
<input type="submit"> | 提交按钮 |
<input type="reset"> | 重置按钮 |
<input type="radio"> | 定义单选按钮 |
<input type="checkbox"> | 复选按钮 |
<input type=" "name> | 数据名 |
<input type=" "value> | 数据值 |
常见属性
class 元素类
id 元素唯一类型
style元素CSS样式
title元素额外展示内容(鼠标移动到上方时,显示元素额外信息)
特殊知识点
target="_blank"
使文本在新窗口打开
placeholder
规定输入形式
checked
规定预选项
cellpadding
单元格边距
cellspacing
单元格间距
显示空格
<;
小于号 >
大于号
*浏览器及其内核
IE ——tridennt
Firefox——Gecko
Chrome——Webkit/blink
Safari——Webkit
Opera——presto
实战演练
尝试在网页中精细模仿下面表格。
注意点:
1.单元格间距为0 。
2.复选框的大小。
3.特长为文本域输入。
4.预选项为后台。
5.密码为掩码。
6.手机号码为规定输入格式。