HTML5介绍

最新推荐文章于 2024-07-08 11:16:05 发布

車*^．^*占

最新推荐文章于 2024-07-08 11:16:05 发布

阅读量305

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/DZ637/article/details/109445228

版权

1.HTML5概述

 HTML:超文本标记语言（Hyper Text Markup Language),用来描述网页的一种语言。

超文本：
1，包含了文字，图片，音频/视频，超越文本限制
2，从一个文件链接到另一个文件，超级链接文本

HTML不是编程，而是一种标记语言
标记语言是一套标记标签
HTML使用标签来描述网页
网页：HTML格式的文件，常以htm或tml结尾，通过浏览器阅读显示。
网页包括图片，文字，链接，视频…

2.HTML5文档结构
1，<!DOCTYPE>:document type，声明文档类型
2，<html>标签是HTML页面的根元素。
3，<head>标签定义文档的标题。head中必须要有的！
4，<body>标签定义文档的主体。

3.HTML5标签定义属性
标签：放在“<>”中表示某个功能的编码命令。也称为元素，标记。
双标签：<开始标签>标签内容</结束标签>。例<title>....</title>
单标签：也叫空标签<标签名/>。例<br>(<br/>),<hr>(<hr/>)
注释标签:。

属性：为HTML元素提供的附加信息，一般描述于开始标签。
<p id="pName" style="font-size=20px;">标签内容</p>
id=“标签的名字(不能重复)”
style=“规定元素的行内样式”

<strong>=加重语气(加粗显示）
<em>=着重文字（斜体字显示）
<h1>~<h6>一到六级标题标签
<br>:换行标签
<hr>:水平线
<ing>：图片标签 <src>:指向图片的地址
<width>属性：设置图片的宽度。px像素，单位
<height>属性：设置图片的高度。px像素，单位《
<a>:链接标签 <href>属性：指向链接地址，必须要有! 其中<#>是空连接
列表：
<ol>:有序列表 order Line 列·：<li></li>
<ul>:无序列表 Unorder Line 列·：<li></li>

如下使用

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
   <title>网页标签</title>
   </head>
  <body>
    <a href="#">链接</a>		
      <ul>
   <li>1</li>
   <li>1</li>
    </ul>
  <ol>
    <li>1</li>
    <li>2</li>
    </ol>
     <img src="img/照片名称.jpg  width="200px" height="200px">插入图片 
    <p>段落标签</p>
    <h1>标题标签</h1>
    <em>斜体</em>
    <strong>加粗</strong>
      <br>换行
  </body>
</html>

車*^．^*占

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML5介绍

1.HTML5概述 HTML:超文本标记语言（Hyper Text Markup Language),用来描述网页的一种语言。超文本：1，包含了文字，图片，音频/视频，超越文本限制2，从一个文件链接到另一个文件，超级链接文本HTML不是编程，而是一种标记语言标记语言是一套标记标签HTML使用标签来描述网页网页：HTML格式的文件，常以htm或tml结尾，通过浏览器阅读显示。网页包括图片，文字，链接，视频…2.HTML5文档结构1，<!DOCTYPE>:document t
复制链接

扫一扫