一.了解HTML语言

html：超文本标记语言。

二.HTML整体结构
<html>

<head>

</head>

<body>

</body>

</html>

三.字体标签及表单元素

1.标题

<h1></h1>...<h6></h6>

2.段落

<p></p>

3.跳转链接

<a href="xxx.do"></a>

4.图片

<img src="xxx.png" heght="10px" weight="10px">

注意：img元素是自关闭元素

5.属性

class  元素的类名，导入css中的样式

style  元素的样式

id    元素的id

data-* 页面自定义的数据

6.水平线

<hr></hr>

7.注释

<!-- -->

8.换行

<br/>或者<br>,不过<br/>比较规范

9.文本格式化

加粗：<b></b>或者<strong></strong>

斜体：<i></i>或者<em></em>

上标：<sup></sup>

下标：<sub></sub>

10.链接target属性

<a href="www.baidu.com" target="_self"></a>

_self 默认值，当前窗口打开

_blank 每次打开一个新的窗口

_new  每次在同一个新窗口打开

_parent 在父窗口打开

_top 在最顶级窗口打开

11.链接id属性

id属性作为书签标记

<a id="mark"></a>

<a id="#mark" href="xxx.do"></a>

12.html头部

<head>

< ></ >标题

< >基础文档

< http-equiv="refresh" content="30"／>30s自动刷新

< href="xxx.css"／>引用外部css

< src="xxx.js"></ >引用外部js

<style></style>样式

</head>

13.css

使用方式3种

内联样式  元素内部style属性定义

内部样式  head头部style定义

外部样式  引用css文件

背景色:background-color

<p style="background''-color:red"></p>

font-family 字体

color 颜色

font-size 字体大小

text-align 文本对齐方式  text-align:center居中 left居左  right 居右

14.图像

<img border="0" src="图像的url" alt=“图像加载不了显示的文本信息” height="图像高度" weight="图像的宽度">

 

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月19日 星期二

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章