学习HTML的一些记录

来源：互联网发布：自动建站网站源码编辑：程序博客网时间：2024/05/24 07:05

什么是 HTML 标签

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签，比如 <br />

注释：开始标签的英文翻译是 start tag 或 opening tag，结束标签的英文翻译是 end tag 或 closing tag。

HTML元素:从开始标签(starttag)到结束标签(end tag)内的所有代码

HTML 属性(在禅意花园的理念当中不建议使用HTML的行内样式来定义标签的属性,而是仅仅使用HTML来给你的页面布局)

这可以让HTML有更多的变化总是以name=”value”的形式出现

HTML标题(标签)_其中的元素是块元素

标题(heading)是通过<h1>-<h6>的标签来定义的

HTML段落,其中的元素也是块元素

段落是通过<p>标签定义

HTML样式<style=”;;;”></>

可以再HTML中嵌套CSS样式,这称为行内样式,但是不推荐使用这种方法

HTML链接

使用<a>标签,可以转到另一个页面也可以转到相同页面的不同位置,其可以指向网络上的任何资源

HTML表格

使用<table></table>,内嵌<tr></tr>代表行<td></td>代表行内的列,但是在实际中不推荐使用表格的方式,在HTML中可以用表格来布局,但是好像在实际的网页中用的不是很多

HTML列表:分为有序列表<ol><li></li></ol>和无序列表<ul><li></li></ul>,

但是这两种方式在使用中的差异不大

HTML表单

用来搜集不同类型的用户输入__这个内容比较重要,在动态网页中大量使用HTML表单使用<form>…<input>…</form>来定义

大多数情况下表单标签是输入标签<input>

但是其他标签的使用并不少见如下

input标签可以定义的输入类型为

文本域 text

单选按钮 radio

复选框 checkbox

按钮 submit

其他的类型

Option标签下拉菜单其中的selected="selected"属性可以定义下拉菜单的预选值

需要注意的是文本输入框和input中的文本域是用的不同标签文本输入框使用<textarea>标签来定义一个多行输入

下面显示的是如何在数据周围回执一个带标题的框(代码copy于w3cschool)

<html>

<body>

<form>

</form>

</fieldset>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>

</html>

表单标签

标签

描述

<form>

定义供用户输入的表单

<input>

定义输入域

定义文本域 (一个多行的输入控件)

<label>

定义一个控制的标签

定义域

定义域的标题

定义一个选择列表

定义选项组

定义下拉列表中的选项

定义一个按钮

已废弃。有<input>代替。

关于表单内值得传递要在php或asp等变成语言中学习

HTML图像可以再网页中插入图片<imgsrc=”url”/>关于图片的修饰在css中有更加详细的介绍

HTML背景:一般是设定一个文本或一个框的背景颜色,但是大多数都是在css中定制,可以使纯颜色也可以是一张图片,自我感觉在实际中好像用背景方式插入图片是比较常见的

HTML颜色

在HTML中颜色的定义方式为

1. rgb(0-255,0-255,0-255

2. #三位16进制数

3. #六位16进制数

4. 也可以用颜色的英文名来定义一种颜色

HTML框架:可以再浏览器窗口中显示不止一个页面,这个我学的不好不过可以用于后台管理还是很方便的,以后用到再说

HTML字体:这个以后再css中来定义

HTML中要使用一些字符必须用字符实体(就像在变成语言中的转义字符一个道理)

最常用的字符实体

显示结果

描述

实体名称

实体编号

空格

小于号

大于号

和号

引号

撇号

' (IE不支持)

其他一些常用的字符实体

显示结果

描述

实体名称

实体编号

￠

分

镑

日圆

节

版权

注册商标

乘号

除号

关于HTML头部的信息,在以后再讨论,就目前的阶段使用不到

HTML脚本:可以再HTML中添加一些脚本语言实现动态页面,<script type=”text/语言名称”></script>

0 0