HTML

介绍HTML

标记语言:以标记的形式指定用于定义、处理和表示网页文本的代码

HTML全称超文本标记语言

网页可分为静态和动态

HTML编译器大致分为文本编译器和图形编译器

标签:以下HTML标记称为结构化标记,因为他们创建HTML文档的结构:

<!DOCTYPE HTML>文档类型html文档还是h5文档

<HTML>标记

<HEAD>标记

1<TITLE>标题(1上方选项卡的标题2搜索引擎)

2<META>源数据(比如网页作者、关键词、刷新、描述)

<meta name="author" content="Tony">

<meat name="keywords" content="html,html5,css,javascript">

3<BASE>指定地址url

<base href="http://www.baidu.com">

在<body>中加一个超链接<a href="http:..........">点我</a>

所有路径基于基本路径去找

4<STYLE>设置样式     

5<LINK>

<link rel="stylesheet" type="text/css" href="style.css"/>

6<SCRIPT>脚本逻辑语言

7<NOSCRIPT>给用户一些提示

<BODY>标记

元素:一对

1<Heading>标记

用于定义指定内容中心思想的标题范围从<H1>到<H6>字体由大到小

2使用以下标记在html文档中添加段落

<p>

<details>//默认折叠

<summary>折叠标题<p>折叠内容

3布局元素

<div>块从上往下

<span>内联从左往右排列

4可使用以下格式化网页内容

<B>加粗<i>斜体<U>下划线 内联级水平排列

<ul>无序列表                    列表里面有很多列表项用<li>

<ol>有序列表  

<dl>(defind list)自定义列表<dt>自定义标题<dd>自定义描述

&nbsp;空格符

<br/>换行符

<hr>分割线

5在网页中添加图像JPEG.

GIF动图

PNG清晰度高,可实现透明

显示图片用<IMG>

alt//用于指定图像的辅助文本

<img alt="无法显示"   width="97" height="120" src="images/xdd.jpg"/>

也可以显示网络图片

6超链接<A>

href

target//打开方式当前窗口还是子窗口

<a href=""  target="_blank"(新窗口) 或“_self”(自己)>百度</a>

7插入音频视频这两个标签是h5的

<audio>音频 <audio src=".mp3" controls(播放暂停按钮可现) 

autoplay(自动加载播放) loop(循环播放)>

<video src=“”“”muted poster=" " (封面) controls width=“ ”muted="muted"(打开静音状态)poster>

8<meter>衡量数据

<meter min="1"   max="20"  value="2"  low="5"   high="10"//分成三个层次>

//处于不同的范围用不同的颜色标识出来

<progress>进度条    

<progress min="1"   max="100"  value="50"></progress>

9<header><footer>

<nav>//导航区域区分链接



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值