java工程师_基础_阶段一_HTML笔记篇

2018-11-09 02:34:51来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

一.了解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="图像的宽度">

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML标题

下一篇:转-超链接a的target属性