2. it技术
  3. HTML概述

HTML概述

it2023-10-04  74

HTML概述

html是什么

超文本标记语言(HyperText Markup Language)

超文本:网页语言内容

标记语言:即标签,是用来标注网页内容

<b>我的第一张网页</b>

html做什么

制作网页

HTML的基本语法

开发工具

HBulider x

基本语法结构

<!-- 声明html版本类型为html5 --> <!DOCTYPE html> <!-- 网页中的内容写在html标签中 --> <html> <!-- 网页的头部 里面设置网页信息 添加标签 --> <head> <!-- 网页的字符型编码 --> <meta charset="utf-8" /> <!-- 为标题处添加图片 href="图表地址" rel="文件类型" --> <link href="img/baidu.ico" rel="icon"/> <!-- 网页的标题 --> <title>百度一下，你就知道</title> </head> <!-- 网页的身体，内容写在其中--> <!-- 属性格式:属性名="属性值" 位置:开始标签 数量:多个 --> <body text="black" bgcolor="green"> <!-- 标签分类 <开始> 修饰的内容 <结束> 闭合标签 双标签 <link href="img/baidu.ico" rel="icon"/> 自闭合 单标签 --> 你好呀,这是我的第一个网页 </body> </html>

基本标签

标题标签

标题标签中h1…h6为一级标题到六级标题,在输出的浏览器网页中占一行.

<h1 align="center">标题标签</h1> <h2>二级标题</h2> <h3>三级标签</h3> align="center" 居中 "lift" 默认 "right"

段落标签

段落标签其功能为每个段落有明显分隔,占一行.在文字中有多个空格,但浏览器网页中只识别为一个空格.

<p align="center">首先<br> 第一节课第一节课第一节课 第一节课第一节课第一节课 第一节课第一节课第一节课</p> <p align="center">第一节课第一节课 第一节课第一节课第一节课 第一节课第一节课第一节课 第一节课第一节课第一节课</p> <br> 另起一行

列表标签

有序列表

有序列表是将列表的内容有序的列出来,其中type=“1,A,a,I,i”,表示可以用数字,大写字母,小写字母,大写罗马数字,小写罗马数字来表示.

<ol type="A"> <li>列表内容</li> <li>列表内容</li> <li>列表内容</li> </ol>

无序列表

语句type="circle,square,disc"可以转变列表内容前的类型,其中默认标签为圆心实点,还可以circle、square.

<ul type="disc"> <li>列表内容</li> <li>列表内容</li> <li>列表内容</li> </ul>

超链接

超链接,跳转到网络上指定的网页上.

<a href="http//www.baidu.com">百度</a> <a href="百度.html" target="_blank">假百度 ></a a 超链接 href="" 超文本引用 traget="_self" 默认当前窗口打开网页 traget="_blank"重新打开一个新的页面

图像标签

<img src="img/qq_logo.png" width="100" height="80" border="1" alt="这是腾讯网页" title="这是腾讯网页" /> img 标签 alt=""图片无法显示时的文字提示信息 title=""鼠标移到图片上的文字描述信息

特殊符号

空格---&nbsp; 商标---&reg; 版权---&copy; 大于--- &gt; 小于---&lt;
最新回复(0)