03.Web前端基础总结：文字和表格处理的总结
web前端学习笔记
1、html架构
html 根标签
head 头标签
title 标题标签
body 主体标签
<!DOCTYPE heml>
<html><head><title>01.HTML骨架</title><meta charset="UTF-8"></head>
<body>
html 根标签</br>
head 头标签</br>
title 标题标签</br>
body 主体标签</br></body>
</html>
定义网页编码
<meta charset="UTF-8">
2、文字及段落处理
hr横线标签
<hr>
br换行标签
<br>
注释标签
不仅可以注释内容，也可以注释代码
<!--内容-->
标题标签
<h1>内容</h1>
<h2>内容</h2>
<h3>内容</h3>
<h4>内容</h4>
<h5>内容</h5>
<h6>内容</h6>
标记位段落
<p>内容</p>
pre标签
段落标签保持原来格式
正文处理
文字加粗
<b>内容</b>
<strong>内容</strong>
文字斜体
<i>内容</i>
<em>内容</em>
文字下划线
<ins>内容</ins>
<u>内容</u>
文字属性
<font color="red" size="5">我是红色文字</font>color="red" 颜色
size="5" 大小
文字删除标签
原价<del>100</del> ，或者<s>100</s>
现价99
文字上标
<sup>2</sup>
显示空格
显示代码的实体
&用来显示代码的实体
3、图片及超链接
图片
<img src="img/xuexi01.png" title="鼠标划上去的提示文字" alt="图片加载失败后的文字" width="556px"></br>
超链接
<a href="http://www.baidu.com" target="_blank" color="#FF0000" >百度网站</a></br>target="_blank" 在新的窗口打开
4、列表项目及表格
文字列表
<ol><li>ctrl+/ 注释代码</li><li>ctrl+y 恢复撤销</li><li>ctrl+x 剪切</li><li>ctrl+z 撤销</li><li>ctrl+c 复制</li><li>ctrl+p 在当前项目查找文件</li><li>ctrl+f 在当前文件查找字符串</li><li>ctrl+alt+f 在当前目录查找字符串</li><li>ctrl+k 格式化代码</li><li>ctrl+g 跳转到某行代码</li><li>ctrl+o 打开文件</li><li>ctrl+alt+s 保存所有文件</li><li>鼠标左键+ctrl选中多行(可进行多行修改操作)</li></ol>黑点样式，无需列表 <ul><ul type="disc"> 实心圆，默认<ul type="circle"> 空心圆<ul type="square"> 实心方块数字样式，有序列表 <ol><ol type="1"> 数字排序，默认<ol type="a"> <ol type="A"> 字母排序<ol type="i"> <ol type="I"> 罗马字母排序
表格的处理
<table></table> 表格
<tr></tr> 表示一行
<td></td> 表示单元格
<col> 代表一列
border="1px" 表格边框属性
cellspacing="0" 取消表格边框缝隙
align="center" 单元格对齐方式
表格的属性
举例：
<h1>表格的处理</h1><table border="1px" cellspacing="0"><col width="200px"> <!-- 第1列宽度200 --><col width="200px"> <!-- 第2列宽度200 --><col width="200px"> <!-- 第3列宽度200 --><col width="200px"> <!-- 第4列宽度200 --><col width="200px"> <!-- 第5列宽度200 --><tr align="center"> <!-- 文字居中 --><td></td><td>初级</td><td>中极</td><td>高级</td><td>专家</td></tr><tr align="center"> <!-- 文字居中 --><td>标准</td><td>被产品怼的说不出话</td><td>跟产品互怼不相上下</td><td>怼的产品没话说</td><td>直接将其怼辞职</td></tr><tr align="center"> <!-- 文字居中 --><td>用户A</td><td></td><td></td><td></td><td></td> </tr><tr align="center"> <!-- 文字居中 --><td>用户B</td><td></td><td></td><td></td><td></td></tr></table>
合并单元格
<td colspan="4"></td> <!-- 横向合并：删除其他单元格，设置其占据的单元格数量 -->
<td rowspan="5"></td> <!-- 纵向合并：先删除其他单元格，设置其占据的单元格数量 -->
举例：
<h1>表格之合并单元格</h1><table border="1px" cellspacing="0"><col width="200px"> <!-- 第1列宽度200 --><col width="200px"> <!-- 第2列宽度200 --><col width="200px"> <!-- 第3列宽度200 --><col width="200px"> <!-- 第4列宽度200 --><col width="200px"> <!-- 第5列宽度200 --><tr align="center" height="40px"> <!-- 文字居中,及行高 --><td>标准</td><td>初级</td><td>中极</td><td>高级</td><td>专家</td></tr><tr align="center" height="40px"><td>用户A</td><td colspan="4">横向合并</td> <!-- 横向合并：删除其他单元格，设置其占据的单元格数量 --></tr><tr align="center" height="40px"><td>用户B</td><td></td><td></td><td></td><td rowspan="5">纵向合并</td> <!-- 纵向合并：先删除其他单元格，设置其占据的单元格数量 --></tr><tr align="center" height="40px"><td>用户C</td><td></td><td></td><td></td></tr><tr align="center" height="40px"><td>用户D</td><td></td><td></td><td></td></tr><tr align="center" height="40px"><td>用户E</td><td></td><td></td><td></td></tr><tr align="center" height="40px"><td>用户F</td><td></td><td></td><td></td></tr></table>
03.Web前端基础总结：文字和表格处理的总结相关推荐
- WEB前端基础（HTML+CSS+JavaScript）（上）最好看最详细的笔记~
WEB前端基础 当前部分是基于HTML与CSS总结,后续有JavaScript更新~ 文章目录 WEB前端基础 一.HTML概述(阶段1 入门概述) 1.HTML 二.第一个HTML页面 1.HTML ...
- web前端基础与CSS入门
web前端基础 1.嵌套列表 注:列表之间可以互相嵌套,形成多层级的列表. <!DOCTYPE html> <html lang="en"> <hea ...
- HTML及CSS基础入门：web前端基础，看这一篇就够了
写在开头:这是一篇有关于HTTP和CSS的基础入门教程.你也可以将他当作一本字典,因为我将所有可能用到的语法结构全部设置了标题,你只需要点击标题即可跳转过去.同时,我在最后放置了两个CSS实战,以供读 ...
- 前端基础：通过HTML表格标签布局《餐饮菜谱》
前端基础:通过HTML表格标签布局<餐饮菜谱> 布局,是前端工作的第一步,也是前端页面能够得到展示的技术手段.对于表格式布局是简单的页面布局的基础,它是无法解决浏览器兼容性问题,因此这种布 ...
- iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理
JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...
- Web前端基础知识整理
1. 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签按正确 ...
- html web前端基础(1)
html web前端基础(1) 本人暂时所用的学习软件是HB(HBuilder) 所以下方代码展示也是在HB所呈现的 什么是web : 1.典型的应用: 1.C / S ***** client: 客 ...
- html clear属性值,【Web前端基础知识】clear使用方法
[摘要] 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.下面是[Web前端基础知识]clear使用方法,小编建议有准备参加考试的备考生一定要合理规划时间,仔细阅读相关规定,提 ...
- web前端基础——第一章
目录 一.了解什么是HTML.CSS 1.什么是HTML.CSS? 2.如何去写代码?写到哪里呢? 二.宇宙第一编辑器VS Code 1.如何安装/使用插件? 2.学习编辑器基本使用. 三.Chrom ...
最新文章
- 浅谈精品游戏的研发与发行-蓝港廖明香
- 我做产品的三大思维：发散、纵横和表里（上）
- boost::remove_edge用法的测试程序
- javaSE各阶段练习题---面向对象-类与对象、封装、构造方法(1
- JavaScript对象与事件
- 计算机网络项目——最小网元设计（前情提要和项目概述）
- TensorFlow 教程 --进阶指南--3.10共享变量
- 关于sinX与y的大小比较取值范围计算
- python评分卡模型 简书_评分卡模型开发-定量特征筛选
- opencv Mat 16位unsigned数据显示为黑色
- html-HR标签分割线
- vue pc端调用摄像头进行拍照并实现裁剪上传
- find:paths must precede expression问题及解决
- 什么才是靠谱的企业新媒体运营流程
- 了解Panda3D引擎的配置变量
- 最新版的快递单号生成查询工具 测试版
- C语言中.h开头文件的书写和用法
- apache-poi之Excel使用API
- The type javax.servlet.http.HttpServletRequest cannot be resolved. It is indirectly referenced from
- document在方法外获取对象无法获取数据