黑马程序员——HTML学习笔记

------- Windows Phone 7手机开发.Net培训、期待与您交流! -------

 

HTML简介

HTML---HyperText Markup Language(超文本标记语言)

扩展名:.htm  和  .html

常用编辑器:
所见即所得型:FrontPage  Dreamweaver
文本编辑器:EditPlus和UltraEdit

XHTML--eXtensible HyperText Markup Language(可扩展超文本标记语言)

XHTML首先必须是XML

XML结构化文档的四条基本原则:
1:整个文档有且仅有一个跟元素
2:每个元素都由开始标签和结束标签组成
3:元素与元素之间应该合理嵌套
4:元素的属性必须有属性值,且属性值应该用引号引起来。


XHTML的规则


1:必须用DTD来定义语义约束
2:根元素是必须是<html>
3:根元素必须包含 xmlns="http://www.w3.org/1999/xhtml"
eg:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4:DTD语义约束的3个选择
< !DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
5:DTD子集不可覆盖任何DTD的参数实体

        XHTML的常用标签


1:最基本的标签
<html>:跟元素,必须指定以xmlnx属性,且值必须是xmlns="http://www.w3.org/1999/xhtml"
< head>:头元素

    <title>
< base>
  href
  target
< meta>
  http-equiv
  name
  content
< body>:主体
<style>:引入样式定义
<h1>到<h6>:标题1到6
< br />:换行
<hr />:水平线
< !--...-->:注释(多像个表情)
<p>:段落(默认之间有距离)
<div>:节
<span>:节(与<div>的区别是默认不会换行)
<script>
2:文本格式化标签
<strong>和<b>粗体文本
<i>斜体文本
<em>强调
<small><big>小、大号字体文本
<sup><sub>上下标文本
<bdo>文本的显示方向(使用dir属性,值为ltr或rtl)

3:超级链接和锚点
<a>超级连接href:超级连接所关联的另一个资源
target:


4:列表相关标签
<ul>无序列表
<ol>有序列表,属性start、type
< dl>列表
<dd>普通列表
<li>列表项目
<dt>标贴列表项

5:图像标签
<img>
  src、alt、height、width
< map>图像映射
<area>图像映射的内部区域
  shape=rect | circle | ploy
  coords
  href
  alt
  target

6:表格标签
<table>
align=left | center | right
  bgcolor
  border
  cellpadding
  cellspacing
< caption>表格标题
<thead>表格头
<tfoot>表格尾
<tr>表格行
  align=left | center | right | justify
  valign=top | middle | bottom | baseline
  bgcolor
< td>单元格
  align=left | center | right | justify
  valign=top | middle | bottom | baseline
  bgcolor
  colspan
  rowspan
  height
  width
< th>页眉的单元格,用法参照<td>
< tbody>表格主体
  align=left | center | right | justify
  valign=top | middle | bottom | baseline

6:框架相关标签
<frameset>
< frame>
< noframes>

7:表单标签
<form>输入表单
  action
  method=get | post
  enctype=application/x-www-form-urlencoded | multipart/form-data | text/plain
  id、name
  value
  target

<input>
  type=text | password | hidden | radio | checkbox | image | file | sumbit | reset | button
  checked="checked"
  diabled="disabled"
  maxlength
  readonly
  size
  align=left | right | top | texttop | middle | absmiddle | bottom | absbottom | baseline
  id、name
  value

<label>标签
  for

<button>

<select>列表框或下拉菜单
  diabled
  multiple
  size
<option>列表项,菜单项
   diabled selectd value
<optgroup>列表项组,菜单项组
   label disabled

<textarea>文本域
  cols
  rows
  diabled
  readonly

 

 

------- Windows Phone 7手机开发.Net培训、期待与您交流! ------  详细请查看:http://net.itheima.com

### 黑马程序员 JavaScript 学习笔记与教程 #### 关于JavaScript学习资料概述 对于希望深入理解并掌握JavaScript编程语言的学习者来说,选择合适的资源至关重要。黑马程序员提供了丰富的在线课程和文档来帮助学生全面了解这门强大的脚本语言。 #### 初级阶段:基础知识入门 针对初学者,推荐从基础概念入手,例如变量声明、数据类型以及控制结构等内容[^1]。通过这些初步的知识积累,可以建立起对JavaScript核心特性的认识,并为进一步探索打下坚实的基础。 #### 中级阶段:DOM操作与事件处理 当掌握了基本语法之后,下一步应该关注如何利用JavaScript实现页面交互功能。这部分内容涵盖了HTML文档对象模型(DOM)的操作技巧及其相关联的各种事件机制[^2]。具体而言,学会监听用户的输入行为(如点击按钮),并通过编写相应的回调函数响应特定动作是十分重要的技能之一。 #### 高级特性:面向对象编程及内置API应用 随着技术水平不断提高,在实际项目开发过程中还会涉及到更多高级主题——比如使用`call()`、`apply()` 和 `bind()` 方法调整执行上下文环境;或是借助浏览器提供的Web API完成异步请求等复杂任务[^3]。熟悉这类工具能够显著提升工作效率并增强解决问题的能力。 为了更好地支持上述各个层次的学习需求,建议访问官方站点获取最新版教材或参与线上直播课堂交流互动。此外也可以参考其他开源社区分享的教学材料作为补充参考资料。 ```javascript // 示例代码展示 call(), apply() 的用法 function greet(greeting, punctuation) { console.log(`${greeting} ${this.name}${punctuation}`); } const person = {name: 'Alice'}; greet.call(person, 'Hi', '!'); // 输出 "Hi Alice!" greet.apply(person, ['Hello', '.']); // 输出 "Hello Alice." ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值