HTML基础

最新推荐文章于 2021-09-25 15:16:02 发布

Zh_nn

最新推荐文章于 2021-09-25 15:16:02 发布

阅读量446

点赞数

分类专栏： web前段开发基础

本文链接：https://blog.csdn.net/Zh_nn/article/details/77456594

版权

web前段开发基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天开始学习HTML啦，第一天加油

1.HTML的基本结构<html>------根控制标记

<head>-------头控制标记

<title> 标题 </title>-----------标题部分

<body>
-----------网页显示区
</body>

</head>-------头控制标记尾

</html>------根控制标记尾

2.HTML标记格式：标记分为单标记和双标记

（1）单一型，无设置值
eg：<br>
（2）单一型，有设置值
eg:<hr width="80%">
（3）对称性，无设置值
eg：<title>----</title>
（4）对称性，有设置值
eg：<body bgcolor="red">----</body>

3.常见的页面头部标记

<title>----------标题声明
<base>--------------页面上的所有链接规定默认地址或默认目标。
<meta>-----------------提供有关HTML元素的元信息（如描述、关键词、刷新频率等）
<style>------------------设置排版，创建css样式
<link>-----------------可引用的外部文件
<scrip>------------JavaScript脚本文件

4.常用的页面标记

（1）<body>页面主体标记
格式：<body bgcolor="..." text="..." ...</body>

属性说明：
bgcolor-----设置网页背景颜色------颜色表示方式
background---------设置网页背景图案--------图片位置信息
text-----------设置页面文字颜色--------颜色表示方式
//颜色有三种表示方式：6位十六进制编码、颜色的英文关键词、RGB（R,G,B）

5.标题标记

格式： <h1>---</h1>设置一级标题
<h2>---</h2>设置二级标题
<h3>---</h3>设置三级标题
<h4>---</h4>设置四级标题
<h5>---</h5>设置五级标题
<h6>---</h6>设置六级标题
属性说明：
align-----left(默认)/center/right
eg：<h1 align="center">---</h1>设置一级标题

6.换行<br>标记

<br>-------单标记

7.段落<p>标记

<p>-----------在页面中表示一个段落
格式：<p align="left/center/right">....</p>

8.水平线*

<hr 属性值1=“” 属性值2=“”>
属性说明： size--------绝对设置（以数字表示）/相对设置（%表示），值越大，线越粗
width-----------绝对设置（长度不会应视窗的改变而改变）/相对设置（长度会随着视窗宽度而改变）
align------left/center/right
color-----水平线颜色
noshade------实体线

9.添加注释 //注释内容不显示在页面中

格式： eg： 

10.实体字符控制标记
<b>...</b>--------加粗
<i>...</i>----------斜体
<s>...</s>------------删
<u>...</u>-------------下划线

----保留文本编辑样式： <pre>标签内部是什么格式，页面就显示什么格式！</pre>

11字体控制<front>

格式：<front>....</front>
属性说明： size-------（属性值：1-7）-----表示字体大小
color-------（颜色表示方式）--------表示字体颜色
face---------（字体样式）-------表示字体样式
eg：<front size="7" color="red" face="黑体">你好，世界！</front>

上机需求：

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>我的第一个HTML页面</title>
	<meta content="hello,world!" name="keywords">
	<meta content="这是我的第一个HTML文件。"name="description">
	<meta content="惠普公司"name="copyrigh">
	<meta content="ZHnn" name="author">
	</head>
	<body bgcolor="#faedb7" text="black" style="margin-top:50px;margin-left:30px">
	<h1>我是一级标题</h1>
	<h2>我是二级标题</h2>
	<h3>我是三级标题</h3>
	<h4>我是四级标题</h4>
	<h5>我是五级标题</h5>
	<h6>我是六级标题</h6>
	标签元素说明<p>
	1、段落标签p与换行标签br标签，使用上一点区别，p是一对标签，而br是单独的标签<br>
	2、段落标签，每个段落之间有一定距离，类似于一个p换段标签等于两个br标签换行<br>
	3、常常使用段落标签，让文章条理段落上下分割清晰，同时也对搜索引擎优化（SEO），让搜索引擎感到你的网页内容段落清晰更加友好清晰<br>
	</body>
	</html>

Zh_nn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

今天开始学习HTML啦，第一天加油1.HTML的基本结构------根控制标记-------头控制标记标题 -----------标题部分-----------网页显示区-------头控制标记尾------根控制标记尾2.HTML标记格式：标记分为单标记和双标记（1）单一型，无设置值eg：（2）单一型，有设置值
复制链接

扫一扫