HTML入门笔记

最新推荐文章于 2025-06-09 21:35:33 发布

聖歌奏

最新推荐文章于 2025-06-09 21:35:33 发布

阅读量1.1k

点赞数

分类专栏： HTML 文章标签： html web 前端

本文链接：https://blog.youkuaiyun.com/littlejixing/article/details/47305705

版权

HTML 专栏收录该内容

2 篇文章

订阅专栏

1.开发准备

开发工具
- intellij IDEA
- WebStorm
- eclipse
- dreamweaver
- notepad++
参考文档
- w3c：http://www.w3school.com.cn/

2.HTML语法

标签名、属性不区分大小写。
HTML实体字符
- 空格：&nbsp
- <：&lt
- >：&gt
- &：&amp
- "：&quo1.跨平台
HTML主体结构

<html>

<head>
- <title>该标签必须存在</title>
- <base href="URL" target="" />
- <link />
</head>
<body>

text	设置文字的颜色
bgcolor	设置背景颜色
background	设置背景图案
bgproperties	设置背景图案为固定
link	设置页面默认的链接颜色
alink	设置鼠标正在点击时的链接颜色
vlink	设置访问后的链接颜色
topmargin	设置页面上边局
leftmargin	设置页面左边距

</body>

</html>

<body>中标签
- 格式标签
- - <br>：换行
  - <p>：换段落
  - <pre>：预格式化，保存文字在源码中的格式
  - <li>：列表项目
  - <ul>：无序列表
  - <ol>：有序列表
  - <hr>：水平分隔线
- 文本标签
- - <hn>：n为1~6，定义六级标题
  - <b>：粗体字
  - <i>：斜体字
  - <u>：下划线
  - <font>：字体
  - <tt>：打印机文字
  - <small>：小型字体标签
  - <big>：大型字体标签
  - <sub>：文字下标
  - <sup>：文字上标
插入图片<img />
- src：图片的URL路径名
- alt：文字说明（作用有三：光标在图片上的停留显示；图片未加载时的文字显示；搜索引擎抓取的依据）
- width,height,border：宽，高，边缘。
超链接和锚点<a href="URL" name="name" target="target">链接文字</a>
- href：链接地址，可以为绝对地址，相对地址，#锚点名称。
- name：锚点名称
- target：打开链接所使用浏览器的窗口名称
- - _self：当前窗口。
  - _blank：新窗口。
  - _parent：（框架中的）父窗口。
  - _top：（框架中的）顶层窗口。
表格
- <table></table>表格基本标签
- - align：指定表格在上一层中排版位置（left\center\right）
  - width,height,border：宽，高，边缘。
  - cellspacing：单元格之间的间距。
  - cellpadding：单元格内容和边框之间的间距。
- <caption>表格标题</caption>
- <tr>行标记</tr>
- <th>表头单元格标签</th>
- <td>数据单元格标签</td>
HTML框架结构（将浏览器窗口划分为若干子窗口）
- <frameset>框架集</frameset>取代<body></body>。
- 对于子窗口内容必须包含在单标签<frame />中。
- 框架可以嵌套。
表单标记（用于收集交互信息）
- 表单属性<form></form>
- - name：名称
  - method：表单信息传送方式（GET：表单内容附加在URL后，长度限制8196且为ASCII码值，无保密性/POST：表单内容随表单主体一起发送至服务器，无长度限制）
  - action：处理程序名，不能为空（空：action="no"）。
  - target：类似于链接，表明提交后的打开方式。
- 输入域<input />
- - type="text"：文本域。
  - type="radio"：单选按钮。
  - type="checkbox"：复选框。
  - type="button"：普通按钮，需结合javascript等脚本一起使用。
  - type="password"：密码域。
  - type="submit"：提交按钮，提交后表单内容交由action处理。
  - type="reset"：重置表单内容按钮。
  - type="hidden"：隐藏域，不显示。
  - file，hidden，image， susbmit
- <textarea>多行文本域</textarea>
- <select>下拉列表域</select>
- - <option value="" selected>列表项</option>