HTML总结_html/css_WEB-ITnose
程序员文章站
2022-06-13 18:46:42
...
几个知识点:
:创建水平线
:定义文档的标题,位于head内
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML框架结构:
此处为标签内容
HTML属性:
class=“XXX” :元素类名,CSS定位用
id=“XXX” :元素id,CSS定位用
style=“XXX”:定于元素颜色、是否居中、粗细、边界等
title=“XXX”:鼠标悬停时提示信息
Alt=“XXX”:图片加载错误提示信息
HTML常用标签:
文字内容
:标题居中显示 :图片显示标签
一些独立标签:
:换行
:创建水平线
:注释
显示空格(一种HTML实体符号)
此处可嵌套其他标签
:块级元素,他的内容会另起一行开始。 此处可嵌套其他标签:内联元素,不换行
无序列表:
- 第一项
- 第二项
有序列表:
- 第一项
- 第二项
表格:
跨行 | row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
运行样式如下:
表格的一些属性:
表单:
表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素
:表单标签:文本域,可输入文字
:输入框元素
:单选按钮元素
:复选按钮
:按钮
:提交按钮
HTML一些高级特性:
框架,将屏幕分为两半,分别填充两个页面:内联框架,将一个页面内联
:外部文件引入,放在head标签内
:定义关键字、文档描述,位于文档head之内
:插入script语句
HTML完整例子如下:
标题1
黄色段落
百度提示:News headline 1
some text. some text. some text...
...
跨行 | row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
- 第一项
- 第二项
- 第一项
- 第二项