html的学习后的运用方式及构造总结

最新推荐文章于 2024-07-28 20:59:34 发布
最新推荐文章于 2024-07-28 20:59:34 发布
阅读量208 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xdh1996/article/details/105746923
版权

html复习总结文档

1.基本结构

文件后缀改为(.html)    头部信息<head>（此为双闭合标签）要在结尾处增加</head>

在输入<html>后敲击回车弹出双闭合标签<html></html>格式如下

  1. <!DOCTYPE html>（声明必须在html文件的第一行，只是声明不是标签）
  2. <html>
  3.         <head>
  4.                  <tilite>网页标题内容</tilite>
  5.         </head>
  6.         <bady>
  7.                   <p>(此为段落标签)
  8.                  （网页内容显示）在此编辑在网页内显示的内容
  9.                   </p>
  10.                   <hr/>  (此为水平分割线标签)
  11.         </bady>                    （不同网页有不同的兼容性和表现形式）
  12.         <html>

代码中可以添加不会显示在网页页面上的文字注释

<!--**********-->快捷键位（ctrl+做斜杠）

问题：当王爷出现乱码的时候

解决：在<head>之间添加处理中文乱码标签</head>

<meta charset="utf-8"/>注意：utf-8  gbk  gb2112  iso8859-1

<mate http-equiv="Content-Type" content="text/html； charset=utf-8">(此为完整的书写格式)

2.标签

1.标题标签 （<1h></h1>~~<h6><h6>不会在有多的了 多出的网页不显示）

2.段落标签    （<p></p>）

在标签内可以加入  align属性--此为对其方式的属性

  1. left  标签内的内容左边对齐
  2. right   右边对齐
  3. center   居中对齐
  4. jsutify   对其进行伸展，这样使得每行都会拥有相等的长度

段落标签内可以添加<br/>      可以添加空格键位（&nbsp）

预编辑<pre></pre>把原本编辑的文本内容之间体现在网页上（著译分割开来的文字在哪里断开网页上就在那里断开文字）

段落标签内科增加：

水平分割线 <hr/> 斜体<i></i>/<em></em> 加粗<b></b>/<strong></strong> 下表<sub></sub> 上表<sup></sup>

特殊符号：

  1. &lt;   <
  2. &gt;  >
  3. &reg;  已注册
  4. &copy;    © 版权
  5. &trade;   TM商标
  6. &nbsp;    space空格

3.列表

1.无序列表ul <li></li>

属性type=“**”  disc 圆点默认  square 正方形  circle空心圆

2.有序列表ol

属性type=“**”   1数字 123；a小写字母abc；A大写字母ABC；i小写的罗马数字i ii iii；I大写的罗马数字I II III;

3.定义列表dl

dl >  dt(列表项名字)/dd(具体列表内容)

  1. 定义标签内可以有多个dt
  2. 对于每一个dt可以有多个dd

1、图像和超链接

图像语法：<img src=”地址” alt=”地址读取失败后著译不会显示图片会显示文字”/>

img属性：

  1. Src--url--显示图像的地址
  2. Alt--（文字）图像替代文本
  3. Height--数值和百分比（图像的高）
  4. Width--数值和百分比（图像的高）

Img下的src属性--设计到图像的路径问题：

  1. 绝对路径--指的是具体盘符下的具体路径；
  2. 相对路径--只的是相当于文件当前的这个图片的路径；

高度和宽度的设置有2种

  • px表示的是像素大单位
  • %百分比表示的是该图片占父容器的百分比对少（著译随着网页大小变化来改变图片的自身尺寸）

超链接语法：<a href=”地址” >内容</a>

href：链接的地址，可以是内部链接也可以是外部链接

target：链接的目标窗口 _self（原窗口打开网页默认） _blank（从新的页面打开链接） _top  _parent

titile：链接提示文字

name：链接名字

电子邮件链接：<a href=”mailto:邮件地址”>....</a>

锚链接语法：<a href="地址">文字内容</a>在同一页面内

1.href                形式如下1：<a href="#所指向的锚头名字">目录文字</a>

2.name                            2：<a href=“***” name="所指向的锚头名字">内容</a>

锚链接语法：<a href=”” >内容</a>在不同页面

网页1：<a href=”https://www.baidu.com#锚名”>打开百度</a>

网页2：<a name=”锚名”>.....</a>

文件下载：href属性

  1. 如果是url地址，那么会打开地址对应的网页
  2. 如果是文件，就会相应的下载
  3. 语法：<a href=”下载的文件地址”>点击下载文字提示等等</a>

4.表格

基本格式：

<table>

         caption(表格的标题 居中显示)

         <thead>(表开头)

         tr （行）

         th/th（表格头，内容居中显示加粗显示）

         /tr

         </thead>

         <tbody>(表格主题内容）

         tr 

         td/td(表格文体/默认靠左便显示不加粗）

         /tr

         <tbody>

         <tfoot>（脚注）

         tr

         td/td（td表示的是列）

         /tr

         </tfoot>

</table>

相关的属性以及设置

weidth  px   /  % 规定的表格宽度设置

alight    left  center  right  表格相对周围原色的对其方式

border  px  固定的表格边框宽度

bgcolor  rgb（x,x,x,） #xxxxxx  colorname 表格 的背景颜色

cellpadding  px / %  单元边沿和内容之间的空白距离

cellspacing  px  /  %  单元格子与格子之间的空白距离

fram  属性值  规定外侧边框的那个部分可见的

rules  属性值  规定内测边框的哪个部分可见的

 

外部边框设置：

1.void  不显示外侧边框

2.above  显示上部的外侧边框

3.below  显示下部的外侧边框

4.hsides 显示上下部分的外侧边框

5.vsides  显示左右部分的外侧边框

6.lhs  显示左侧的外侧边框

7.rhs  显示右侧的外侧边框

8.box  显示有四个边上显示的外侧边框

9.border  在所有四个边上显示外侧边框

内边框设置：

1.none  没有线条

2.groups  位于行组和列祖之间的线条

3.row  位于行之间的线条‘

4.cols   位于列之间的线条

5.all位于行和列之间的线条

tr标签所拥有的属性：

tr标签的所有属性设置如下

align=  left  center right  justify  char 行内容的水平对齐方式

valign= top middle   botton   baseline  行内容的垂直对齐方式

bgvolor=  rbg（x,x,x,）#xxxxxx  colorname 行内的背景颜色

colorname 著译规定颜色的名称   颜色的英文单词

#xxxxxx/#xxx  16尽职表示方式：#0~f的值

rgb（x,x,x）规定rgb代码的字体颜色 0~255  （拓展：rgba）对于颜色的设置不支持

颜色的三原色：红绿蓝

5.td和th属性设置

align=  left  center right  justify  char 行内容的水平对齐方式

valign= top middle   botton   baseline  行内容的垂直对齐方式

bgvolor=  rbg（x,x,x,）#xxxxxx  colorname 行内的背景颜色

width  px/% 单元格的宽度

height %/px 单元格的高度

//thead  tbody和tfoot拥有的属性设置如下：

align=  left  center right  justify  char 行内容的水平对齐方式

valign= top middle   botton   baseline  行内容的垂直对齐方式

行合并和列合并：

colspan列合并

rowspan行合并

 

 

别总想着静静
关注
《深入浅出OCR》前言知识（一）：机器学习最新全面总结
专注大数据与人工智能技术分享，欢迎私信加群互相学习！
08-24 6111
经过几个月的精心筹备，本作者推出全新系列《深入浅出OCR》专栏，**对标最全OCR教程**，具体章节如导图所示，将分别从OCR技术发展、方向、概念、算法、论文、数据集等各种角度展开详细介绍。面向对象：本篇前言知识主要介绍机器学习，方便小白或AI爱好者学习基础知识。
【进阶版】机器学习之决策树知识与易错点总结（06）
迷茫与徘徊只会让你陷入绝境，欢迎私信博主，带你开始提升变现价值！
08-22 1057
机器学习算法知识、数据预处理、特征工程、模型评估——原理+案例+代码实战机器学习之Python开源教程——专栏介绍及理论知识概述机器学习框架及评估指标详解Python监督学习之分类算法的概述数据预处理之数据清理，数据集成，数据规约，数据变化和离散化特征工程之One-Hot编码、label-encoding、自定义编码卡方分箱、KS分箱、最优IV分箱、树结构分箱、自定义分箱特征选取之单变量统计、基于模型选择、迭代选择机器学习八大经典分类万能算法——代码+案例项目开源、可直接应用于毕设+科研项目。
html用法
a_6701998890的博客
03-04 1090
一.html是一个描述网页的超文本标记语言，html语法规定有： 1.标签标记符号-------<>又称尖括号； 2.html语言必须写在标签符号里面 3.html的标签大多数都是成对出现的 4.关闭符号-------- / 又称反斜杠 二.HTML的基本结构 通过Hbuilder创建一个HTML文档 注解： 1.<!DOCIYPE html>描述当前文本的版本信息，如果没有详细说明4.0还是x1.0那就说明使用的是html5.0版本 2.<html&gt
HTML的使用方法
weixin_58744201的博客
01-09 3099
1.HTML 标签的语法格式 一般情况下，一个 HTML 标签由开始标签、属性、内容和结束标签组成，标签的名称不区分大小写，但大多数属性的值需要区分大小写（为了规范和专业，建议在定义标签时一律采用小写），如下所示： 除了 class 属性外，开始标签中还可以包含其它属性信息，比如 id、title 等，这些我们会在后面进行讲解。 一个 HTML 文档中必须具有一些基本的标签，以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签，但有以下几点需要注意： 所有 HTM
一篇笔记总结HTML基础知识
最新发布
2301_78933228的博客
07-28 1933
它们都是标签的属性，很多标签都需要借助标签的属性来设置标签对应的展示效果。form标签的action属性的属性值为后台服务器的地址，这样用户使用了提交按钮后就可以真的把用户的信息传递到后端服务器，使用了重置按钮后输入的信息才会真的重置。除了基本的表格标签外，如果想要在表格中设置表格大标题和表头单元格（表格的第一行内容），可以使用caption（双）和th（双）标签来设置。从表格中可以看到两种不同的标签对应的作用却是相同的。因此，标签的学习可以分为四个部分：排版标签、文本格式化标签、媒体标签、链接标签。
HTML的基本使用
changlinke的博客
02-25 690
HTML的基本使用HTML概述概述骨架结构标签语法标签关系常用标签标题标签段落标签盒子标签文本表现标签标签属性图片标签图片标签的使用图片路径超链接标签base标签锚点转义字符列表无序列表有序列表8.3自定义列表 HTML概述 概述 HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 骨架结构 <!
HTML用法介绍
程序员小十一的博客
05-24 687
文中介绍了HTML常见标签用法
ASP.NET Razor模板引擎中输出Html的两种方式
10-21
最后，文末提到的***相关专题，如《***优化技巧总结》、《***字符串操作技巧汇总》等，为希望进一步提升***开发能力的读者提供了深入学习的方向。通过对这些高级专题的深入理解，开发者可以更加高效地解决开发过程中...
javascript学习总结.pdf
11-09
JavaScript是一种广泛应用...理解并熟练运用这些核心概念是JavaScript学习的基础，掌握它们能够帮助开发者构建动态、交互性强的网页应用。随着学习的深入，还会涉及到事件处理、Ajax异步通信、闭包、模块化等高级主题。
JAVASCRIPT学习总结1.pdf
11-07
15. **对象创建**：JavaScript有多种创建对象的方式，包括字面量表示法、构造函数、工厂函数、原型链继承、寄生组合式继承等。 16. **JsUnit测试**：JsUnit是一个用于JavaScript单元测试的框架，其测试函数需以`...
HTML应用（一）
Cythiaer的博客
04-15 590
  （一） HTML基础 1、 HTML不是一种编程语言，而是一种标记语言，描述网页的语言。 2、 基本标签：   1）标题标签（提供6级标题），&lt;h1&gt;--&lt;h6&gt;   2) 图像标签&lt;img&gt;         显示图像的语法：      &lt;img src = "url" alt="文本" width="x" height="y&quo
HTML技术简介
weixin_34015566的博客
07-18 2529
1.DHTML:"Dynamic HTML"动态HTML技术的简称。DHTML并不是一项新技术,而是HTML,CSS,JavaScript技术组合的术语。DHTML背后的含义是: (1)利用HTML把网页标记为各种元素; (2)利用CSS设置元素样式和他们的显示位置; (3)利用Javascript实时地操控页面和改变样式；   2.在DHTML时代,是一个各种浏览器混战的时代。每个浏览...
一、HTML技术
qq_54398027的博客
11-20 1539
一、HTML 1.什么是HTML HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 2.HTML基本标记 二、CSS技术 1.什么是CSS CSS是一种样式表语言，用于为HTML文档定义布局。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字
html 的学习成果
xinshishenchao的博客
06-05 524
主要内容就是 基本的html的编辑 包括主要框架、换行、空格、有序、无序列表、段落、标题、表格、超链接、图片等的标签的使用。
HTML技术
weixin_41836784的博客
06-08 585
文章目录一、概述二、开始书写HTML三、HTML语法规范四、HTML常见标签命令 一、概述 HTML（HyperText Markup Language）：即超文本标记语言，是一种专门在浏览器编译与执行的用于创建网页的标准标记语言，由大量的标签组成，每个标签都有开始标签的和结束标签（也有单标签的），标签中具有属性。形如：<标签 属性名=“属性值”></标签>，文件扩展名为.html或htm。 超文本：流媒体、图片、声音、视频… 网页：网页主要由文字、图像、超链接、音频、视频以及Fl
HTML技术(基础/列表/表格/表单)
晓葉斑比
05-02 955
HTML技术前言一、HTML介绍1.1 发展1.2 HTML文件的基本结构1.3 HTML标签常用标签1.4 HTML元素HTML元素属性二、识别表单元素三、样式表的三种形式 前言 ubuntu下写HTML文本使用工具VS Code,win可使用H Builder 快速生成标准的html代码： （1）在第一行输入！ （2）按Tab键或者选择代码提示中的！ Visual Studio Code默认是在VScode的控制台下查看html页面，这对于我们调试和查看效果十分不方便。所以这里我们需要安装一下扩展
Vue前端模板学习与使用心得总结
资源摘要信息:"前端vue常用模板,学习总结" Vue.js作为一款流行的JavaScript框架，以其组件化和响应式数据绑定的特点，在前端开发领域得到了广泛的应用。本资源旨在总结Vue.js的常用模板，帮助开发者快速搭建前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值