首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
前端基础
时间:
2020-02-25 20:15:40
阅读:
64
评论:
0
收藏:
0
[点我收藏+]
标签:
字体
rip
标记
新标签
select
处理
BMI
外部
后缀名
HTML
:
Hyper Text Markup Lauguage(超文本标记语言)用来描述网页,HTML文档的后缀名为.html和.htm没有区别
基本格式:
<html>
<head>
<title>页面标题<title>
</head>
<body>
<h1>这是一个标题</h1>
<p>只是一个段落</p>
<p>这是另外一个段落</p>
</body>
</html>
常用标签:
meta标签:
描述HTML网页文档属性,必须在head元素内
eg:<meta name="description"content="网页描述">
link标签:定义文档与外部资源的关系
在HTML中<link>标签没有结束标签,在XHTML中<link>标签必须正确关闭
link元素是空元素,仅包含属性,此元素只能存在于head中,但是可以出现任何次数
eg:<link rel="stylesheet"typle="text/css"="/view/1.css">
script标签:定义客户端脚本,必需的type属性规定脚本的MIME类型
eg:<scripe type="text/javascript">JS代码;</script>
标题标签:h1~h6字体大小从1到6依次减小
段落标签:<p>课程简介</p>
超链接标签:
eg:<a href="http://www.qiyuanxuetang.nex"title="点击前往启元学堂公开课">
启元学堂</a>还可以通过target属性设置是否可以新标签页打开(-self/-blank)
图片标签:
eg:<img
src="http://www.qiyuanxuet.nex/media/baner/........jpg"alt="图片链接已失效"title="启元学堂首页图1"> alt:图片缺失提示信息
内联框架标签:实在一个页面中嵌入另一个页面
eg:<iframe src="http://www.baidu.com"frameborder="1"width="700"hight="340"></iframe>
表格标签:<table>表格</table>,<tr>行标签</tr>,<td>单元格</td>
表单标签:输入标签:<input>,<textarea>,<select>下拉列表</select>
<input>标签通过定义type属性实现不同的表单类型:
eg:文本域<text>,密码<password>,单选按钮<radio>,复选框<checkbox>,提交<submit>
注意:1.HTML标签对于大小写不敏感,<P>等同于<p>,但为了符合W3C标准建议使用小写
2.浏览器具有一定的容错性,会自动忽略标签没有闭合,一些代码不规范的情况
DOM:
Document Object Model(文档对象模型)是W3C组织推符的处理可扩展置标语言的标准程序接口
HTML DOM 定义了访问和操作HTML文档的标准方法
HTML DOM 树
JavaScript可以访问HTML DOM 树中所有节点,所有HTML 元素(节点)均可被修改,也可以创建或删除节点
ID 属性定义HTML元素,inner HTML属性定义NTML内容
JavaScript:
是属于HTML和Web的网络编程语言,既可以在客户端运行,又可在服务端运行
基本结构:
<script type="text/javasscript">
<!---
Javascript语句
--->
</script>
基本语法:
前端基础
标签:
字体
rip
标记
新标签
select
处理
BMI
外部
后缀名
原文地址:https://www.cnblogs.com/liliya/p/12363266.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!