HTML基础知识总结

  时间:2018-11-08
本文章向大家介绍HTML基础知识总结,主要包括了解HTML语言、HTML整体结构、字体标签及表单元素等等,需要的朋友可以参考一下

一.了解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>

<title></title>标题

<base>基础文档

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

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

<script src="xxx.js"></script>引用外部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="图像的宽度">

 

原文地址:http://www.manongjc.com/article/17743.html