html

最新推荐文章于 2022-07-01 00:02:36 发布

hitwhlin

最新推荐文章于 2022-07-01 00:02:36 发布

阅读量336

点赞数 1

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/Lin_air/article/details/53494839

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一个html文件

元素
- <p1>之间是一个段落</p1>
- <body>定义了主体</body>
- <html>定义了整个html文档</html>
- <h1>定义标题 </h1> h1标题最大 h6标题最小
- <br>定义横线 </br >
- <!- - … - ->定义注释

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hunting</title>
</head>

<body>


<h1>我的第一个标题</h1>

<p>这是第一个段落</p>
</body>
</html>

属性
- html开始标签中，一般成对出现

<a href="http://www.runoob.com">这是一个链接</a>

属性	描述
class	为html元素定义一个或多个类名（classname） (类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

html文本格式化标签

标签	描述
b	定义加粗文字
em	定义着重文字
i	定义斜体文字
small	定义小号文字
strong	定义加强语气
sup	定义下标
sub	定义上标
ins	定义插入字
del	定义删除字

html链接

<a href="url">链接文本</a> 
<a href="url" target="_blank">链接文本</a> 在新窗口打开标签

html头部

<title>定义了网页的标题</title>
<base>定义了默认的链接标签</base>

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:
<meta name="description" content="Free Web tutorials on HTML and CSS">

定义网页作者:
<meta name="author" content="Hege Refsnes">

每30秒中刷新当前页面:
<meta http-equiv="refresh" content="30">

html css
- 内联样式- 在HTML元素中使用”style” 属性
- 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素来包含CSS
- 外部引用 - 使用外部 CSS 文件

内联样式:

颜色：
<body style="background-color:yellow;">
    <h2 style="background-color:red;">这是一个标题</h2>
    <p style="background-color:green;">这是一个段落。</p>
    </body>


字体颜色、大小、字体
<h1 style="font-family:verdana;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>


对齐方式:
<h1 style="font-family:verdana;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

内部样式表:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

外部样式表：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

html 图像

基本语法是：

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

alt 当图片加载不出来时，替换文本
width height 图片宽度高度

hitwhlin

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html

第一个html文件元素 <p1>之间是一个段落</p1><body>定义了主体</body><html>定义了整个html文档/html><!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h1>我的第一个标题</h1><p>这是第一个段落</p
复制链接

扫一扫