欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML总结_html/css_WEB-ITnose

程序员文章站 2022-06-13 18:46:42
...
几个知识点:  

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML框架结构:

此处为标签内容

HTML属性:

class=“XXX” :元素类名,CSS定位用

id=“XXX” :元素id,CSS定位用

style=“XXX”:定于元素颜色、是否居中、粗细、边界等

title=“XXX”:鼠标悬停时提示信息

Alt=“XXX”:图片加载错误提示信息

HTML常用标签:

文字内容

:标题居中显示

:图片显示标签

一些独立标签:


:换行


:创建水平线

:注释

显示空格(一种HTML实体符号)

此处可嵌套其他标签
:块级元素,他的内容会另起一行开始。

此处可嵌套其他标签:内联元素,不换行

无序列表:

  • 第一项
  • 第二项

有序列表:

  1. 第一项
  2. 第二项

表格:

跨行 row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

运行样式如下:

表格的一些属性:

表单:

表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素

表单元素
:表单标签

:文本域,可输入文字

:输入框元素

:单选按钮元素

:复选按钮

:按钮

:提交按钮

HTML一些高级特性:

框架,将屏幕分为两半,分别填充两个页面

:内联框架,将一个页面内联

:外部文件引入,放在head标签内

:定义文档的标题,位于head内

:定义关键字、文档描述,位于文档head之内

:定义整篇文档的默认链接指向

:插入script语句

HTML完整例子如下:

标题1

黄色段落

百度 HTML总结_html/css_WEB-ITnose

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
  • 第一项
  • 第二项
  1. 第一项
  2. 第二项
姓名:男性 我有汽车

  

相关标签: HTML总结