当前位置: 首页 > news >正文

WEB前端网页设计 HTML网页代码 基础参数(一)

插入图片:<img src="./图像URL">

整个HTML格式分为两大部分,一个是head部分,一个是body部分,其中head部分是用于书写网页样式,而body部分用于书写网页主题

标题标记

<h1></h1>

...

<h6></h6>

<p></p>

段落标签

<b></b> <strong></strong>

加粗  

<i></i>

倾斜

<br/>

换行

标签 功能

<br />

 插入一个换行简单的换行符

<hr />

定义水平线

<area />

定义图像映射内部的区域

<base />

 定义页面中所有链接的默认地址或默认目标

< img />

定义图像

<input />

 定义输入控件

<link />

定义文档与外部资源的关系

<meta />

定义关于 HTML 文档的元信息

<basefont />

 不建议使用。定义页面中文本的默认字体、颜色或尺寸

<param />

定义对象的参数

<col />

定义表格中一个或多个列的属性值

<frame />

 定义框架集的窗口或框架

<embed />

定义外部交互内容或插件

表格:

#例:行       

表格中 内容边框线的间距

<cellpadding="…">

格子格子之间的间距

<cellspacin="…">

给表格设置底纹

<table bgcolor="颜色">

表格开始

<table>

表题目

<caption>

合并单元格<>

<rowspan=“…”>     ##垂直合并

合并单元格<>

<colspan="…">        ##水平合并

批量复制参数

*10                 ##tab键补全

HTML注释符:

<!--  在此添加注释句-->     ##快捷键:CTRL+/

普通文字标签:

<p>…</p>     ##可分行

换行标签:

<br />           ##一个br换一行

选择整行

CTRL+L

网页名称插入:

<title>…….</title>

插入文本:

<h1> …… </h1>

居中对齐:

<h1 align=“center”>  …</h1>

颜色变换:

<hr  color=“red”   />

长度属性:

<hr width="500px"  />     ##px像素

右对齐:

<..  align=“right”>..<..>     左:left

粗细:

<size=“2”>

      下标

 sub  表示  下标

      上标

sup  表示  上标

左对齐

<align="left">

右对齐

<align="right">

文字行目显上

<align="top/texttop">

文字行目居中

<align="middle/absmiddle">

文字行目显下

<align="bottom/baseline">

插入图片:<img src="./图像URL">

已插入图片的副属性/标识:<alt="…">    ##运行后 当图片消失即文字显示

插入图片后当鼠标光标移到图片是即显示文字内容:<title="…">

给图片添加外边框:<border="4px">    #表示边框的粗细为4个像素

长度属性:<width=“400/75%px”>      #可数字也可百分比

高度属性:<height="…">

水平间距:<hspace="…">

垂直间距:<vspace="…">

自动填充单词数量:lorem100      ##数字为多少即生成多少,默认80;按TAB键补全

超链接:<a  href="…">文本说明</a>

例如------->>    <a  href="http://www.baidu.com">链接到百度</a>

<a  href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

窗口弹出方式

描述

_self  

默认网页

_blank 

另一个窗口打开网页

这两者与之对应,在同一网页下,上方显示锚点链接,下方链接至此

锚点超链接:<a  href="#id链接处">说明</a>

<h  id="链接文本">

项目符号

<li>…</li>

鼠标滚轮移动至下方-->返回顶部

<a  href="#top">返回顶端</a>

将两个HTML文件建立在相同文件项目  进行两个网页切换

主、内  网页切换:

<a href="内页.html">这是内页</a>

<a href="主页.html">这是主页</a>    

<a href="http://https://www.douban.com/"><img src="./img2.jpg" ></a>

   ##黄底处输入相对应的html文件名或域名##红字处输入相应文字说明或插入图片参数

连续输入多个p元素,浏览器默认上下排列。

改变网页背景颜色

<body  bgcolor="yellow">

text-decoration: none;

去除下划线

<a  href=“#”>  <a>

为“#”时表示不链接任何网页

相关文章:

  • 实战项目如何抵御即跨站脚本(XSS)攻击
  • Python学习基础笔记十九——装饰器
  • 生命在于折腾——Fishing软件的编写(易语言)
  • 微信小程序开发 开启
  • 【ASE+python学习】-批量识别石墨烯团簇结构中的吡啶氮,并删除与其相连的氢
  • 期货每天是如何结算的(期货每天结算是什么意思)
  • 转行软件测试我后悔了
  • Minecraft 1.19.2 Forge模组开发 05.矿石生成
  • 抖音web版地址个人主页和视频地址
  • docker 命令
  • 计算机毕业设计Java蛋糕网店(源码+系统+mysql数据库+lw文档)
  • Java---数据库---MyBatisPlus
  • 距离空间和赋范空间
  • 售前工程师工作内幕揭秘:面试实战技巧
  • 30分钟部署一个kubernetes集群【1.18】
  • item_get_app(app商品详情原数据)
  • Go-Excelize API源码阅读(四十)——SetCellRichText
  • Vue中如何扩展⼀个组件
  • 介绍两个LVGL开发工具,让你做出更好的UI
  • 【C语言航路】第六站:指针初阶
  • 03-SpringBoot进阶
  • 英文Paper写作怎么确实合适的介词?
  • 代码提速100倍,怎么实现的?
  • 【C++】C++11新特性
  • 【面试】EntityFrameworkLinq面试题答案
  • 宝塔部署node项目
  • 配对交易之统计套利配对:协整(cointegration)
  • [附源码]Python计算机毕业设计Django演唱会门票售卖系统
  • [附源码]计算机毕业设计快转二手品牌包在线交易系统Springboot程序
  • 一个支持 CRUD 快速开发的 Web 框架,用着太爽
  • 湖南2021本科批(普通类历史类)第一次征集志愿投档分数线
  • 2022年甘肃高考482分能报什么大学 482分能上哪些院校
  • 2022年全国各大高校在山东招生计划及分数
  • 浙江有哪些师范大学,年浙江师范类大学分数线排名一览表
  • 武汉设计工程学院是几本
  • 2022感恩节放假吗 中国有哪些节日会放假
  • 12种新高考3+1+2选科组合分析 怎么选科好
  • 0基础艺考最容易过的专业有哪些 通过率最高的专业是什么
  • 体育高水平怎么报名
  • 浙江2022普通类第二段平行投档分数线是多少