从 Java 基础进入 Web 前端学习,内容不难,但是太多,记不住各种各样的标签,属性,样式名,各种函数名。记不住的根本原因是压根儿不认识这些标签,属性,样式对应的单词,完全靠死记硬背,自然是事倍功半。所以我将这几天内容的单词作一个简单整理,希望对已经进入 Web 阶段的我们有一点帮助。
HTML 部分
单词 音标 释义 应用
hyper [ˈhaɪpə(r)] 亢奋,超越 Hyper Text
markup [ˈmɑ:kʌp] 标记 Markup Language
meta ['metə] 元 <meta charset="UTF-8">设置网页的编码
title [ˈtaɪtl] 标题 html 的网页标题标签
face [feɪs] 脸 font 标签的字体属性
heading [ˈhedɪŋ] 标题 html 的标题标签 h1~h6
paragraph [ˈpærəgrɑ:f] 段落 html 的段落标签 p
bold [bəʊld] 粗体字 html 的加粗标签 b
italic [ɪˈtælɪk] 斜体字 html 的斜体标签 i
center ['sentə] 居中 html 的居中标签
horizontal [ˌhɒrɪˈzɒntl] 水平的,水平线 html 的水平分割线
break [breɪk] 换行 html 中的换行标签 br
preformat [pri:'fɒmət] 预定义格式的 html 的原生标签 pre
image [ˈɪmɪdʒ] 图像,图片 html 的图片标签 img
source [sɔ:s] 根源,源头 img 标签的 src 属性
alternative [ɔ:lˈtɜ:nətɪv] 替代的,备选的 img 标签的 alt 属性
list [lɪst] 列表,目录 html 的列表标签 ol 和 ul
list item [ˈaɪtəm] 列表条目 html 列表标签中的列表项 li 标签
ordered [ˈɔ:dəd] 整齐的,有顺序的 html 的有序列表标签 ol
unordered ['ʌn'ɔ:dəd] 无序的 html 的无序列表标签 ul
disc [dɪsk] 圆盘 设置无序列表的显示风格为实心点
circle [ˈsɜ:kl] 圆圈 设置无序列表的显示风格为空心圆
square [skweə(r)] 正方形,方格 设置无序列表的显示风格为方块儿
anchor [ˈæŋkə(r)] 锚 html 的超链接标签 a
hypertext reference [ˈrefrəns] 超文本引用 a 标签的 href 属性
target [ˈtɑ:gɪt] 目标 a 标签的 target属性
blank [blæŋk] 空白的 target 属性的 _blank 属性值
table [ˈteɪbl] 表,表格 html 的表格标签
table row [rəʊ] 表格中的一行 表格中的行标签 tr
table data [ˈdeɪtə] 表格数据 表格的行中的单元格标签 td
colspan [spæn] 合并列 td 标签中的跨列属性
rowspan [spæn] 合并行 td 标签中的跨行属性
align [əˈlaɪn] 排列 table 标签设置表格水平位置的属性
border [ˈbɔ:də(r)] 边界,包边 设置 html 表格或者 div 等元素的边框的属性
form [fɔ:m] 表格,表单 html 的表单标签
action [ˈækʃn] 动作 form 标签用于设置提交路径的属性
method [ˈmeθəd] 方式,方法 form 标签用于设置提交方式的属性
radio [ˈreɪdiəʊ] 无线电,收音机 表单中的单选框类型的表单元素
check [tʃek] 检查,打勾 表单中的复选框类型 checkbox
submit [səbˈmɪt] 提交,主张 表单中的提交按钮类型的表单元素
reset [ˌri:ˈset] 重置 表单中的重置类型的表单元素
hidden [ˈhɪdn] 隐藏的 表单中的隐藏字段
select [sɪˈlekt] 选择 表单中的下拉列表标签
option [ˈɒpʃn] 选项 select 标签中包裹的选中项标签
area [ˈeəriə] 地区,区域 表单中的文本域标签 textarea
frame [freɪm] 框架,组织 html 框架标签 frameset 和 frame
division [dɪˈvɪʒn] 部门,分开 html中的 div 标签
CSS 部分
单词 音标 释义 应用
cascade [kæˈskeɪd] 串联,层叠 层叠样式表 CSS 之 Cascading
style [staɪl] 样式 层叠样式表 CSS 之 Style
sheet [ʃi:t] 纸张,表 层叠样式表 CSS 之 Sheets
link [lɪŋk] 环,连接 引入外部样式用的 link 标签
float [fləʊt] 浮动 CSS 中的悬浮属性 float
none [nʌn] 没有 float 属性的默认值,不浮动
inherit [ɪnˈherɪt] 继承 设置浮动和清除浮动时用于继承父元素的属性值
solid [ˈsɑ:lɪd] 实心的,固体的 设置边框风格为实线的属性值
decoration [ˌdɛkəˈreʃən] 装饰品 CSS 设置文本样式时用的 text-decoration 属性
weight [wet] 重量,权重 CSS 设置字体加粗时用的 font-weight 属性
padding [ˈpædɪŋ] 衬垫 CSS 中设置元素内边距用的属性
margin [ˈmɑ:dʒɪn] 边缘 CSS 中设置元素外边距用的属性
position [pəˈzɪʃn] 位置,定位 CSS 中给元素定位用的属性
relative [ˈrelətɪv] 相对的 定位方式中的相对定位
absolute [ˈæbsəlu:t] 绝对的 定位方式中的绝对定位
display [dɪˈspleɪ] 显示,显示器 CSS 中设置元素隐藏,或者在一行内显示的属性
inline ['ɪn,laɪn] 内联 结合 display 属性设置元素在一行内显示
block [blɒk] 块儿 结合 display 属性设置元素正常显示
hover [ˈhɒvə(r)] 盘旋,徘徊 超链接伪类的鼠标悬浮
JavaScript 部分
单词 音标 释义 应用
script [skrɪpt] 脚本 JavaScript 脚本语言
model [ˈmɒdl] 模型 Document Object Model
document [ˈdɒkjumənt] 公文,文档 Document Object Model 文档对象模型
browser [ˈbraʊzə(r)] 浏览器 BOM 浏览器对象模型
defined [dɪ'faɪnd] 有定义的,明确的 undefined 未限定的
match [mætʃ] 较量,相匹配 string 对象的 match方法
interval [ˈɪntəvl] 间隔 window 对象的 setInterval 方法
timeout [taɪmˈaʊt] 超时 window 对象的 setTimeout 方法
load [ləʊd] 加载,装载 onload 加载完成属性
element [ˈelɪmənt] 元素 document 对象的 getElementById 方法
navigator [ˈnævɪgeɪtə(r)] 领航员,导航员 BOM 中获取浏览器信息的 Navigator 对象
screen [skri:n] 屏幕,荧幕 BOM 中获取屏幕信息的 Screen 对象
history [ˈhɪstri] 历史 BOM 中处理历史记录信息的 History 对象
location [ləʊˈkeɪʃn] 定位,位置 BOM 中管理浏览器地址栏的 Location 对象
alert [əˈlɜ:t] 警报,警觉的 Window 对象中弹出警告框的 alert 函数
confirm [kənˈfɜ:m] 确认,批准 Window 对象中弹出确认取消对话框的 confirm 函数
prompt [prɒmpt] 提示 Window 对象中弹出可输入对话框的 prompt 函数
forward [ˈfɔ:wəd] 向前地 History 对象中的 forward 函数
event [ɪˈvent] 事件,活动 JS 中的事件
focus [ˈfəʊkəs] 聚焦,焦点 获取到焦点的 onfocus 事件
blur [blɜ:(r)] 弄脏,变模糊 失去焦点的 onblur 事件
inner [ˈɪnə(r)] 内部的 Element 对象的 innerHTML 属性
encode [ɪnˈkəʊd] 编码 对字符串进行编码的 encodeURI 全局函数
decode [ˌdi:ˈkəʊd] 解码 对已经编码过的字符串进行解码的 decodeURI 全局函数
eval ['i:vl] 评价 将字符串当成 JS 代码执行的函数
parse [pɑ:rs] 解析 将字符串解析成数值的 parseInt 和 parseFloat 函数
append [əˈpend] 附加,添加 Element 对象的 appendChild 函数
node [nəʊd] 节点 DOM 中所有节点的通用类型
|
|