HTML手稿
没有一张图解决不了的事：https://www.processon.com/mindmap/5ccebc48e4b0841b844a23fb
1.网页中web 标准的三层组成？
W3C 万维网联盟
结构（HTML）、表现(CSS)、行为(JAVASCRIPT)
标签分类：
双标签
单标签
标签关系：
嵌套关系
并列关系
<html lang = 'zh-CN'> 语言种类
<mate charset = ''UTF-8> 字符集.万国码（各个国家都能显示页面的语言）
HTML 标签语义化
让结构跟清晰
排版标签
<h> 标题标签
<p> 段落标签
<hr/> 水平线标签
<br/> 换行
没有语义
<div></div> 一行只能放一个。。。
span 一行能放多个
文本格式化标签
i 斜体
strong 加粗
b 加粗
s 删除线
del 删除线
u 下划线
ins 下划线
标签属性
img
alt （不能显示图片时替换文本）
title 鼠标停留
width 宽度
height 高度
borde 边框( 在图片边 加上一个框)
a
内部链接
外部链接 加http
空
href 跳转目标 # (代表一个空)
target self _blank
a标签可以套img
路径
相对路径
../上一级目录
锚点定位
当点击某一个点，立即跳转到具体网页位置
<h3 id="two">第二集</h3> 具体定位的文本
<a href = "#two"> 链接文本 </a> 点击文本
<base target = "_blank"> 设置所有的a标签属性都在新窗口打开
特殊字符
 
<div>&ls &ls<div> 小于号以后这样写
表格
显示，展示数据。才使用
<table>
<thead><thead>
<tbody><tbody>
</table>
<table>
<caption><h3>表头</h3></caption>
<tr>
<th></th>
</tr>
<tr>
<td></td>
</tr>
</table>
表格的结构划分
<thead><thead> 用来定义表格头部 用来放标签之类的
<tbody><tbody> 用来定义表格主体
<tfoot></tfoot> 放表格脚注
表格属性
th表头单元格会加粗显示
border = '1' 边框
width 宽
height 高
align 水平对齐方式 left right center. 不是表格中的数据 而是文档流中
cellspacing 单元格与单元格之间的距离
cellpadding 子和边框的距离
合并单元格
跨行合并
-
-
-
<td rowspan = '2'>照片</td>
多余的单元格删除掉
跨列合并
---------------
<td colspan = '3'>照片</td>
多余的单元格删除掉
列表标签
自由组合度更高
有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
自定义列表
<dl>
<dt>湖南</dt>
<dd>长沙</dd>
<dd>株洲</dd>
</dl>
表单
redio
checked=’checked‘ 默认选中
chekbox
checked=’checked‘ 默认选中
button
img 图片提交按钮
<input type = 'image' src = '#'><input/>
lable
<lable for='id'></lable>
获得输入光标焦点
不用双引号
HTML手稿的更多相关文章
- Git学习原版手稿
手稿诞生记 Git学习的时候难免会有遗忘然后往复学习查看的过程,所以就形成了这个学习的手稿,记录了Git使用过程中的大部分命令,今天在清理的时候偶然看到了这些记录,而且最近也在写Git的 ...
- 几幅手稿讲解CNN
学习深度神经网络方面的算法已经有一段时间了,对目前比较经典的模型也有了一些了解.这种曾经一度低迷的方法现在已经吸引了很多领域的目光,在几年前仅仅存在于研究者想象中的应用,近几年也相继被深度学习方法实现 ...
- React 手稿 - Component state
Component state 实例: import React, { PureComponent } from 'react'; export default class extends PureC ...
- React手稿之 React-Saga
Redux-Saga redux-saga 是一个用于管理应用程序副作用(例如异步获取数据,访问浏览器缓存等)的javascript库,它的目标是让副作用管理更容易,执行更高效,测试更简单,处理故障更 ...
- React手稿 - Context
Context Context提供了除props之外的传参数的方式. Context是全局跨组件传递数据的. API React.createContext ``` const {Provider, ...
- React手稿之State Hooks of Hooks
React Hooks React在16.7.0-alpha.0版本中提到了Hooks的概念,目前还是Proposal阶段. 官方也陈述,接下来的90%的工作会投入到React Hooks中. 从目前 ...
- iOS开发之功能模块--计算高度Demo探究手稿
本篇记录关于计算文本高度和Label高度的代码,以备后期再探究: 首先是YouXianMing老师的工具类别: NSString+LabelWidthAndHeight.h // // NSStrin ...
- c#多线程生产者消费者(手稿)
屋舍简陋,隔壁的娃娃哭了一晚,心中无恶意纯中性的想,有病就赶紧带孩子去看医生吧,能哭这么久估计孩子真的不舒服.
- 链接服务器"(null)"的 OLE DB 访问接口 "Microsoft.Jet.OLEDB.4.0" 返回了消息 "未指定的错误"。[手稿]
消息 7302,级别 16,状态 1,第 1 行 无法创建链接服务器 "(null)" 的 OLE DB 访问接口 "Microsoft.JET.OLEDB.4.0&qu ...
- SQL Server 最小化日志操作解析,应用[手稿]
Sql Server 中数据库在BULK_LOGGED/SIMPLE模式下的一些操作会采用最小化日志的记录方式,以减小tran log落盘日志量从而提高整体性能. 这里我简单介绍下哪些操作在什么样的情 ...
随机推荐
- 数据库实验—DDL
使用SQL语句,在D盘的Data文件夹下,创建一个名为jxdb+学号后2位的教学管理数据库(如:学号后两位为01,则数据库名为jxdb01).把教学管理数据库文件增长参数设置为4MB,文件最大大小参数 ...
- Python基础篇（基础知识）
Python语言基础 pyc 文件 执行Python代码时,如果导入了其他的 .py 文件,那么,执行过程中会自动生成一个与其同名的 .pyc 文件,该文件就是Python解释器编译之后产生的字节码. ...
- diffusion model(一)：DDPM技术小结 (denoising diffusion probabilistic)
发布日期:2023/05/18 主页地址:http://myhz0606.com/article/ddpm 1 从直觉上理解DDPM 在详细推到公式之前,我们先从直觉上理解一下什么是扩散 对于常规的生 ...
- Debian中配置NIS：用户账号管理
1.添加指定gid的组 groupadd -g 1001 upload # 添加了一个指定gid为1001的upload用户 2.添加指定uid的用户,并加入到指定组 useradd -u 1001 ...
- RocketMQ消息过滤机制源码详解
#RocketMQ提供了2种消息过滤的方式: TAG 过滤 SQL92 过滤 SQL过滤默认是没有打开的,如果想要支持,必须在broker的配置文件中设置:enablePropertyFilter = ...
- 经验分享之会员 SaaS 系统
经验分享之会员 SaaS 系统 一.前言 2018年,这是不平凡的一年:互联网行业的中台战略.会员经济等模式如火如荼,同时也逐渐地走入我们公司每个人的视野.在南海集团的战略规划背景下,当时我所在的公司 ...
- nginx日志缓存open_log_file_cache
nginx日志缓存,提升磁盘性能 将多个日志进行积累,达到一定量级后写入到磁盘,可以减少磁盘旋转,从而降低磁盘i/o,提升nginx能效 语法: access_log path access_log ...
- Windows库链接报错
问题回溯 今天拿到别人已经编译好的库,发现在链接的时候出现了报错 [9/9 12.7/sec] Linking CXX shared module bin\plugins\AsensingPlugin ...
- OOP课第一阶段总结
前三次OOP作业总结Blog 前言 作为第一次3+1的总结,这次题目集的难度逐渐升高,题量.阅读量和测试点的数量变化都很大,所以对我们的编程和理解能力提出了更高的要求.要求我们能够熟练的掌握正则表达式 ...
- 开源一站式敏捷测试管理,极简项目管理平台 itest(爱测试) 6.6.2 发布，便捷迫切功能增强
(一)itest 简介及更新说明 itest 开源敏捷测试管理,testOps 践行者,极简的任务管理,测试管理,缺陷管理,测试环境管理,接口测试5合1,又有丰富的统计分析.可按测试包分配测试用例执行 ...