学习html笔记

最新推荐文章于 2025-04-13 10:46:06 发布

huang0zhuang

最新推荐文章于 2025-04-13 10:46:06 发布

阅读量303

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/huang0zhuang/article/details/37601375

简介：

HTML 指的是超文本标记语言: Hyper Text Markup Languag
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词，比如 <html>
- HTML 标签通常是成对出现的，比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签

基础：

1：HTML链接是通过标签 <a> 来定义的.

<a href="http://www.w3cschool.cc">这是一个链接</a>

href是属性

2：HTML 图像是通过标签 <img> 来定义的.

属性：

HTML 元素可以设置属性

属性可以在元素中添加附加信息 about an element

属性一般描述于开始标签

属性总是以名称/值对的形式出现，比如：name="value"。

标题：

The <hr> 标签在 HTML 页面中创建水平线。

在浏览器中是不显示出来的。

文本格式：（以下面的图来体会）

del:~~This text is bold~~

ins:This text is bold

链接：

语法： <a href="url">Link text</a>

target属性：使用 Target 属性，你可以定义被链接的文档在何处显示。

id属性：id属性可用于创建在一个HTML文档书签标记。

这一块还得进一步了解。

头部：

css：

来设置样式

对齐方式：text-align

图像：

img图像标签、 src源属性、alt定义一串预备的可替换的文本、width和height。

表格：

1：表格由 <table> 标签来定义，行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义） <tr>...</tr> <td>...</td>

2：border显示边框的宽度。

3：表格的表头使用 <th> 标签进行定义。<th>...</th>

<table>	定义表格
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义用于表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚

更多实例抽时间熟悉下。

列表：

1:无序：<ul>...</ul>有序：<ol start="n">...</ol>点号：<li>...</li>

2:自定义：自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义定义列表
<dt>	自定义列表项目
<dd>	定义自定列表义的描述

区块：

HTML 可以通过 <div> 和 <span>将元素组合起来。

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

HTML <span> 元素是内联元素，可用作文本的容器

布局：

网页布局对改善网站的外观非常重要。初步了解，还得进一步搞定。div。

表单：(重点来做)

HTML 表单用于搜集不同类型的用户输入。

多数情况下被用到的表单标签是输入标签（<input>）

文本域通过<input type="text"> 标签来设定

密码字段通过标签<input type="password"> 来定义:

<input type="radio"> 标签定义了表单单选框选项<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项（格式同单选框）

<input type="submit"> 定义了提交按钮.

             
  <form name="input" action="html_form_action.php" method="get">  （？？？）
  
              Username: <input type="text" name="user">
  
              <input type="submit" value="Submit">

浏览器显示效果如下:

假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。

下拉选框和文本框的问题。、

下拉选框：<form action=""> <select name=""> <option value="">配合完成，慢慢体会。

文本域;<textarea rows="10" cols="30">一个多行的文本输入控件，可容纳无限数量的文本

框架：

语法<iframe src="URL"></iframe>

height 和 width 属性用来定义iframe标签的高度与宽度。

脚本：

字符实体：

要用的时候知道怎么查找就好。

URI