ThoughtWorks实验室寒假训练第一周总结(HTML学习总结)

第一周心得(闲谝)

    在面试实验室的时候一周突击了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单元格间距
&nbsp;显示空格
&lt;小于号 &gt;大于号
*浏览器及其内核
IE ——tridennt
Firefox——Gecko
Chrome——Webkit/blink
Safari——Webkit
Opera——presto

实战演练

尝试在网页中精细模仿下面表格。
在这里插入图片描述
注意点
1.单元格间距为0 。
2.复选框的大小。
3.特长为文本域输入。
4.预选项为后台。
5.密码为掩码。
6.手机号码为规定输入格式。

参考

HTML参考手册

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值