HTML元素与属性列表A List of HTML Elements & Attributes

《网页设计基础》课程资源

摘 要

这份材料列举了《网页设计基础》这门课程前8次课介绍过的所有HTML元素与属性。其实,我们学习HTML元素就是学习两个东西:元素名和属性对。你需要知道有哪些元素名,它们的作用分别是什么,每种元素有哪些主要属性,每个属性的作用是什么,这些属性的属性值是如何进行设置的。这份材料对这些问题都进行了较为详细的回答。

对于每个元素来说,材料从元素名、中文名称、英文全称、DW名称、类别、上级元素、示例和描述等几个方面进行了相应的说明。其中,英文全称是为了让大家更好地记忆元素名;为了方便以后在Dreamweaver中使用这些元素 ,材料提供了元素在DW中的可能名称;类别用于区分元素属于区块元素还是内联元素,对于空元素也会在其中进行标示;通常情况下,元素应该包含在其上级元素的开始和结束标签之内。对于未介绍属性的元素,材料在介绍元素的时候直接给出可能的示例;对于介绍过主要属性的元素,其属性单独列表,并对其作用以及可能的属性值进行了详细的说明,示例也是结合具体的属性设置才给出的。

对于这份列表,我的建议是:打印出来,仔细阅读,将给出的所有示例亲手输入到记事本中,并保存网页,在浏览器中查看结果。事实上,这些内容是相对比较简单的,但要花时间去练习,希望在对这些元素及属性进行练习之后,你会有“原来是这样”的感觉。

由于内容较多,整理的时间较长,校对次数有限,其中难免出现错误,任何问题或建议,请直接告知我或发邮件至cumtzzp@163.com。

目 录

《网页设计基础》课程资源1

目 录2

html1

head1

title1

body1

meta2

meta元素的主要属性2

b2

i3

tt3

strong3

em3

code4

kbd4

sub4

sup4

u5

s5

br5

font6

font元素的主要属性6

a6

a元素的主要属性7

img8

img元素的主要属性8

p9

blockquote9

address9

hn9

hr10

hr元素的主要属性10

pre11

li11

ul11

ul元素的主要属性12

ol12

ol元素的主要属性12

dt13

dd13

dl13

td14

td元素的主要属性14

th16

tr16

tr元素的主要属性17

caption18

caption元素的主要属性18

thead18

tbody19

tfoot19

table19

table元素的主要属性19

input21

input元素的主要属性22

input type="text"22

input type="text"元素的主要属性22

input type="radio"24

input type="radio"元素的主要属性24

input type="button"25

input type="button"元素的主要属性25

option25

option元素的主要属性25

select26

select元素的主要属性26

textarea26

textarea元素的主要属性27

form27

form元素的主要属性27

frame28

frame元素的主要属性28

frameset28

frameset元素的主要属性29

noframes29

html

元 素 名html中文名称英文全称Hyper-Text Markup LanguageDW名称DW中自动生成类 别顶级元素上级元素根元素,无上级元素描 述HTML文档根元素。一个最简合法的HTML文档以标签开始,以标签结束。示 例示例参见body元素后的“最简合法HTML文档”。

head

元 素 名head中文名称文档头英文全称DW名称DW中自动生成类 别顶级元素上级元素html描 述设置文档头信息,包含用于设置文档显示标题的title元素、浏览器需要的设置信息、样式定义(或.css文件的引用)以及Javascript脚本(或.js文件的引用)。最简合法HTML文档必须包含该元素。示 例示例参见body元素后的“最简合法HTML文档”。

title

元 素 名title中文名称标题英文全称DW名称DW中自动生成类 别标题元素上级元素head描

哪个html元素指定了页面描述,网页的设计HTML元素属性2.doc相关推荐

  1. activity中指定一页面动态设置软键盘弹出属性

    要在设置的页面拿到对应的activity activity.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJ ...

  2. 想要好看的设计?收下这份网页背景设计指南吧!

    网页背景设计看似在整个网站的设计中处于一个不起眼的位置.实则,它对于用户的留存性及促进网站转化率方面都起到非常重要的作用.若是网页背景设计不合理,或者图片.色彩运用不当,对于用户而言都是视觉上的灾难. ...

  3. 如何设置网页关键词与页面描述

    1.为什么要设置网页关键词与页面描述? 合理的设置网页关键词与页面描述,是SEO的重要方式,SEO就是所谓的搜索引擎优化,简单的来说,就是通过SEO来让自己的网站更容易排在搜索引擎的前列(不花钱的优化 ...

  4. vue 指定元素滚动到页面可视区域

    使用场景: 1.点击页面tab,或步骤条的某一步,使其对应元素滚动到页面可视区域 2.使遍历而来的list滚动到页面可视区域 实现: 使用el.scrollIntoView() API实现 scrol ...

  5. edu--Web程序设计基础2021秋--【结构元素】【交互元素】【页面结点元素】【文本层次语义元素】【分组元素】

    Educoder – Web程序设计基础2021秋 --实训作业全总结 web程序设计基础R实验报告 2021年 -太原理工大学 文章目录 一. 结构元素 第1关:文档结构元素相关概念 第2关:hea ...

  6. [转载]页面优化——网页优化

    前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么 1. 从用户角度而言 ...

  7. Java学习-14 CSS与CSS3美化页面及网页布局

    Java学习-14 CSS与CSS3美化页面及网页布局 1. CSS简介 什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示控制 HTML 元素, ...

  8. Python实现网页自动化-浏览器查找元素(二)

    前言 在上一节中已经部署了Selenium+chromedriver的开发环境,在真正的开发之前,还需要学会利用浏览器来查找网页元素: 因为Selenium是通过程序来自动操控网页的控件元素,比如单击 ...

  9. 如何实现标签元素在HTML页面中居中显示

    如何实现标签元素在HTML页面中居中显示 在HTML页面设计中常常需要实现标签元素在HTML页面中居中显示,相关知识点较多也较杂乱,本文试图介绍一些比较基本与实用的相关知识. 使用标签的align属性 ...

最新文章

  1. bash参数及运算练习
  2. HTML的五种经典布局方式(二)
  3. 解读:一种来自Facebook团队的大规模时间序列预测算法(附github链接)
  4. 【练习】2021下半年数据结构刷题笔记和总结 (三)栈 队列 链表 枚举算法
  5. python2与python3同时安装_Win10下python3和python2同时安装并解决pip共存问题
  6. 基于SqlSugar的数据库访问处理的封装,支持多数据库并使之适应于实际业务开发中
  7. 10位photoshop顶尖设计大师
  8. python连接redis集群如何释放内存_python 连接redis集群
  9. Ora-00600 错误的代码含义及常用查询
  10. 关于oracle自动编号
  11. 酷狗音乐车载Android版,酷狗音乐车机版
  12. Python Scrapy中yield Request的理解
  13. 高考为什么考计算机信息,信息技术是否应该进入高考?
  14. unix网络编程中的fd是什么
  15. Workman使用记录----
  16. bug解决 2021-09-20 build之后出现shader消失的原因之一
  17. html5写发送邮件源码,简单5步用 JavaScript 直接通过前端发送电子邮件
  18. 计算机配件进口关税走势,计算机类产品关税降50% 从20%下调至10%
  19. 抖音上一封你的信H5网站源码,可对接支付和106短信
  20. 黑马韩前成linux从入门到精通之UNIX发展史

热门文章

  1. # 畸变矫正_边缘投影法对文本图像矫正——python
  2. win8好用吗_小编告诉你win8好用吗?你有用过吗
  3. 宇视摄像头ip搜索软件下载_搜索资源?下载资源?一款软件就给你安排的妥妥的...
  4. sdoi2017 r1 不堪回首
  5. 【英语学习】【Daily English】U11 Work L01 Would you like a tour of the office?
  6. Intel Sandy Bridge/Ivy Bridge架构/微架构/流水线 (20) - IvyBridge微架构
  7. 计算机网络学习笔记:第二章
  8. C++开源矩阵计算工具——Eigen的简单用法(三)
  9. 用C语言程序实现黎曼和求定积分
  10. 写一段代码提高内存占用_记录一次生产环境中Redis内存增长异常排查全流程!...