HTML

最新推荐文章于 2023-02-04 17:11:07 发布

#不许人间见白头#

最新推荐文章于 2023-02-04 17:11:07 发布

阅读量259

点赞数

文章标签： html css js javascript

本文链接：https://blog.csdn.net/weixin_45936406/article/details/107643162

版权

前端html笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

##  HTML

两大架构：

C/S:客户端/服务器

1.减轻服务器的压力

2.界面丰富多彩，结构多样化

缺点：

维护成本高

B/S:浏览器/服务器

1.简单、维护成本低、只需在一台电脑上部署

缺点：

界面稍有不足

服务器压力大

HTML概念：

超文本标记语言。

使用可视化HTML编辑器： Dreamweaver

首页：index.html

用于网站搜索时的关键词：

html语言不严谨：有时错了也许能得到正确结果

HTML标签：

bgcolor:设置背景颜色

	<p align="center">这个是段落标签</p>

注释：

属性：

align：水平对齐方式

在指定的时间之后跳转到指定的地方。

	margin属性：设置边距

leftmargin：设置左边距

topmargin:设置顶部边距

background：设置背景图片

空格占位符：

换行：

斜体文本

粗体文本

下划线文本

~~删除文本~~

版权符号： &copy

    <hr color="blue" width="75%" align="left" style="height:1.5px" >

style=“height:1.5px” :设置此横线的宽度。

size:设置横线的宽度

width：设置横线长度

注释内容

<h7> 
    
 一级标题到七级标题

无序列表：

<ul>
    <li>000</li>
    <li>111</li>
</ul>

有序列表：

超链接：

HTML使用标签来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线
访问过的链接显示为紫色并带上下划线
点击链接时，链接显示为红色并带上下划线

Link text

target=“blank”:超链接在一个空白窗口打开

target=“self”:超链接在当前窗口打开

target="_parent":超链接在父窗口打开


<html>
	<head>
		<title>HTML</title>
	</head>
	<body bgcolor=""  background="">
		<p id="top"></p>
		<!--去到网页低部：需在网页body末尾部分定义一个id：<p id="updown"></p>-->
		<button><a href="#updown">去网页底部</a></button>
		<p align="center">宋词欣赏</p>
		<hr color="#99FFFF">
		江城子 密州出猎<br>
		<p>&nbsp &nbsp &nbsp 老夫聊发少年狂，左牵黄，右擎苍。锦帽貂裘，千骑卷平冈。<br>
		预报书城随太守，亲射虎，看孙郎。</p>
		<p>酒酣胸胆尚开张，鬓微霜，又何妨！持节云中，何日遣冯唐？会挽雕<br>
		弓如满月，西北望，射天狼。</p>
		<hr color="#99FFFF">
		<p >唐诗欣赏<p>
		 &nbsp &nbsp &nbsp &nbsp 登黄鹤楼<br>
		 &nbsp &nbsp &nbsp 白日依山尽，<br>
		 &nbsp &nbsp &nbsp 黄河入海流。<br>
		 &nbsp &nbsp &nbsp 欲穷千里目，<br>
		 &nbsp &nbsp &nbsp 更上一层楼。<br>
		 <hr color="blue" width="75%" align="left" style="height:1.5px">
		 <font color="gray" >
			版权&copy：版权所有，违者必究<br>
			<i>E-mail:market@phei.com.cn</i>
		 </font>
		 <!--<img src="images/1.jpg" align="center" alt="气球" width="500" height="500"/>-->
		 <!--无序列表-->
		 <ul>
			<li>江西省</li>
			<li>广东省</li>
			<li>江苏省</li>
			<li>四川省</li>
		 </ul>
		 <!--有序列表-->
		 <ol>
			<li>江西省</li>
			<li>广东省</li>
			<li>江苏省</li>
			<li>四川省</li>
		 </ol>
		 <a href="http://www.baidu.com" target="blank">南昌航空大学科技学院</a><br>
		 		 <a href="http://www.baidu.com" target="self">南昌航空大学科技学院</a><br>
				 		 <a href="http://www.baidu.com" target="_parent">南昌航空大学科技学院</a><br>
						 <br>
						 <br>
						 <br>
						 <br>
						 <br>
						 <br>
						 <br>
						 <br>
						 
						 <br>
						 <br>
						 <br>
						 <br>
							
			<a href="images/0.png" target="blank">人物</a><br>
			联系邮箱：<a href="mailto:8754312@qq.com">8754312@qq.com</a>
			<!--邮箱之前一定要使用mailto:才能识别此链接是去到邮箱-->
			<p id="updown"></p>
			<!--返回到网页顶部：需在网页body开始部分定义一个id：<p id="top"></p>-->
			<button><a href="#top">返回网页顶部</a></button>
	<body>
</html>

网页中的框架

定义框架的标签： =======>将页面分为上下两部分

=======>将页面分为左右两部分

1.定义框架结构

<frameset rows="135,*">//将界面划分为上下两部分，第一部分占135px,*：表示剩下的都是第二部分
	<frame src="top.html" noresize="yes" scrolling="no">//noresize="yes":不能调节边框大小  scrolling="no"：不使用滚动条
	<frameset cols="300,*">//将界面下部分划分为两列
		<frame src="left.html" noresize="yes">
		<frame src="right.html" noresize="yes" name="content">//定义name并给其一个值，以便在超链接时将页面在此框架部分显示
	</frameset>
</frameset>

<html>
	<head>
		<title>top页面</title>
	</head>
	<body  topmargin="0px" bottommargin="0px" leftmargin="0px" rightmargin="0px">
		<table border="0" width="100%">
			<tr>
				<td><img src="images/logo.gif"></td>
				<td colspan="2"><img src="images/head.jpg" width="100%"></td>//colspan="2"合并两列
			</tr>
			<tr>
				<td>欢迎您：管理员</td>
				<td>2020-07-17 09:40:30 星期五</td>
				<td>注销</td>
			</tr>
		</table>
	
	</body>
</html>

<html>
	<head>
		<title>left页面</title>
	</head>
	<body>
		<ul>
			<li>知识文档</li>
			<ul>
				<li>我的文档
					<ul>
						<li>废弃</li>
						<li>草稿</li>
						<li>驳回</li>
						<li>待审</li>
						<li>发布</li>
						<li>过期</li>
					
					</ul>
				</li>
				<li>待审文档</li>
				<li>已审文档</li>
				<li>所有文档</li>
				<li><a href="作业/dayTime.html" target="content">个人主页</a>  
                //target属性：指定超链接打开的方式 blank:在一个空白页打开  self：
                在当前页面打开 parent：在当前页的父窗口打开；target="content"在指定				的名字为content的窗口打开。
                </li>
			
			</ul>
		</ul>
		
	</body>
</html>

#不许人间见白头#

关注

0
点赞
踩
0

收藏

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

## HTML两大架构： C/S:客户端/服务器 1.减轻服务器的压力 2.界面丰富多彩，结构多样化缺点：维护成本高 B/S:浏览器/服务器 1.简单、维护成本低、只需在一台电脑上部署缺点：界面稍有不足服务器压力大HTML概念：超文本标记语言。使用可视化HTML编辑器： Dreamweaver 首页：index.html 用于网站搜索时的关键词：
复制链接

扫一扫