HTML

最新推荐文章于 2024-08-24 11:15:50 发布

高朵

最新推荐文章于 2024-08-24 11:15:50 发布

阅读量1.4k

点赞数 2

分类专栏： html_css 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_48019875/article/details/114937536

版权

html_css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1、HTML概述
HTML是什么？
HTML 指的是超文本标记语言 (HyperText Markup Language)。
超文本: 文本（文字）网页上显示的内容（图片，超链接，视频，音频…）
标记: 标签标记信息
HTML做什么？
开发网页

HTML基本语法
使用开发工具HbuilderX
创建一个基本项目
js,css,img,index.html

Html文件基本架构

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

Head标签(标签)包含了所有的头部标签标签。
可以添加在头部区域的标签标签为: ,

标签可定义网页的标题标签可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部标题处添加图标标签 HTML中的标记指的就是标签。 HTML使用标记标签来描述网页。

常用标签
标题标签

.......

标签标签会独占一行 align=”left center right”

段落标签

标签标签会独占一行段落与段落之间有间隔

换行标签

列表
有序列表 ol li
无序列表 ul li

超链接

target: _self(默认) 在当前窗口打开新文档
:_blank 在新窗口打开新文档
: #锚点名称

定义锚点
name属性值可以自定义

图片标签

border 边框
src=“图片地址”
width
height
title 鼠标移动到标签上提示信息
alt=“图片不能正常显示时提示信息”

小练习

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>古诗词欣赏</title>
	</head>
	<body>
	<h1 align="center"><font color="burlywood">古诗词欣赏</font></h1>
	<hr>
	<h2 align="center">静夜思</h2>
	<h4 align="center"><font color="cornflowerblue">李白</font></h3>
	<p align="center">
		<font color="pink">
			床前明月光，<br>
			疑是地上霜。<br>
			举头望明月，<br>
			低头思故乡。<br>
			
		</font>
		
	</p>
	<p align="center">
		<font color="cadetblue">
			《静夜思》是唐代诗人李白所做的一首五言古诗。<br>
			此诗描述了秋日夜晚，诗人于屋内抬头望明月的所感。<br>
			诗中运用比喻、衬托等手法，表达客居思乡之情，<br>
			语言清新朴素而韵味无穷，历史广为传诵。<br>
	</font>
		</p>
	<div align="center">	
	<img src="img/libai.jpg" title="点击进入">	
	</div>
	<hr>
	<p align="center">
		<font color="cadetblue">
		友情链接：<a href="baidu.html" target="_blank">A网站</a>|<a href="index.html" target="_blank">B网站</a>|<a href="http://www.baidu.com" target="_blank">C网站</a>
		</font>
	</p>
	
	</body>
</html>

高朵

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
9
评论
HTML

1、HTML概述HTML是什么？HTML 指的是超文本标记语言 (HyperText Markup Language)。超文本: 文本（文字）网页上显示的内容（图片，超链接，视频，音频…）标记: 标签标记信息HTML做什么？开发网页HTML基本语法使用开发工具HbuilderX创建一个基本项目js,css,img,index.htmlHtml文件基本架构<!DOCTYPE html><html> <head> <meta ch
复制链接

扫一扫

专栏目录