基础系列（1）-- html

（随笔杂谈，自己做的笔记）

网页的组成

结构 ------ xhtml,xml

表现 ------ css

行为 ------ bom,dom,ECMAScript

html5结构

1 <!DOCTYPE html>    <!-- 声明文档类型 html -->
2 <html>                  <!-- html超文本标记语言 -->
3 <head>                  <!-- 描述区 -->
4   <meta charset="UTF-8">    <!-- 定义编码格式 utf-8国际编码  gbk中文  gb2312中文简体 -->
5   <title></title>       <!-- 当前网页标题，显示在浏览器状态栏上 -->
6 </head>
7 <body>                  <!-- 内容区 -->
8 </body>
9 </html>

type: 定义某种类型

常用标签

文本标题标签

1 <h1>唯一性，一般放logo，一个网页只出现一次</h1>
2 <h2></h2>
3 <h3></h3>
4 <h4></h4>
5 <h5></h5>
6 <h6></h6>

字体标记

 1 <i></i> ||  <em></em>
 2 倾斜效果
 3 <b></b>  ||   <strong></strong>
 4 加粗效果
 5 <u></u>
 6 下划线效果
 7 <br>
 8 强制换行
 9 <hr>
10 水平线
11 <p></p>
12 段落标签

字符实体

1 &nbsp;  不换行空格
2 &gt;     >
3 &lt;      <
4 &copy;  版权图标(备案图)

列表属性

 1 <!-- 无序列表 -->
 2 <ul>
 3     <li></li>
 4 </ul>
 5 <!-- 有序列表 -->
 6 <ol>
 7     <li></li>
 8 </ol>
 9 <!-- 自定义列表 -->
10 <dl>
11     <dd>内容</dd>
12     <dt>对内容的解释</dt>
13 </dl>

超链接

1 <a href=""  target="" title="">
2 <!--
3     target: _self (默认值)
4             _blank  (新窗口打开)
5     title: 提示信息，方便网站检索，便于优化
6 -->

图片标签

1 <img src="" alt="" width="" height="">
2 alt: 图片不显示时的文本，该属性便于优化，必须要有！
3 <!--
4 　　相对路径：
5 　　  同级找同级：直接写名称
6      上级找下级： 文件夹名 / 目标文件
7      下级找上级:  ../ -----返回上一级
8  -->

表格

作用：显示数据

 1 <table cellspacing="0" cellpadding="0">
 2     <tr>
 3         <td colspan="" rowspan=""></td>
 4     </tr>
 5 </table>
 6 <!--
 7     cellspacing:单元格与单元格的距离，一般设为0
 8     cellpadding: 单元格与内容的距离，一般设为0
 9     colspan:合并列，所合并单元格的列数
10     rowspan: 合并行，所合并单元格的行数
11 -->
12
13 <!--
14    合并原则:
15       只要跨行的都是合并行，不跨行的都是合并列
16       合并行和列都是操作td
17  -->

表单

作用：保存数据

1 <form action="路径" name="名称"  method="post/get">
2 </form>
3 <--
4     form: 表单域
5     action: 表单提交的路径
6     name: 表单名称
7     method: 数据传输方式  post,get
8 -->

表单表格嵌套

1 <!-- 一般写法,table在外面 -->
2 <table>
3     <form>
4         <tr>
5             <td><input type="text"></td>
6             <td><input type="password"></td>
7         </tr>
8     </form>
9 </table>

转载于:https://www.cnblogs.com/pxdi/p/11021806.html

基础系列（1）-- html相关推荐

【C++自我精讲】基础系列二 const
[C++自我精讲]基础系列二 const 0 前言分三部分:const用法.const和#define比较.const作用. 1 const用法 const常量:const可以用来定义常量,不可改变 ...
C#基础系列：实现自己的ORM（反射以及Attribute在ORM中的应用）
反射以及Attribute在ORM中的应用一. 反射什么是反射? 简单点吧,反射就是在运行时动态获取对象信息的方法,比如运行时知道对象有哪些属性,方法,委托等等等等. 反射有什么用呢? 反射不但让 ...
OI基础系列之最大子数组问题
OI基础系列之最大子数组问题 --Edward2414 oi退役了,虽然没取得多少成绩,也算是走过一会的人了.我相信绝大多数oi党都是自学成才,在此,我感谢那些把自己所学写到博客里的前辈们, ...
linux超级基础系列——shell变量（本地变量和环境变量）
linux超级基础系列--shell变量(本地变量和环境变量) 2006-12-04 00:39 为使shell编程更有效,系统提供了一些shell变量.shell变量可以保存诸如路径名.文件名或者一 ...
JVM基础系列第7讲：JVM 类加载机制
当 Java 虚拟机将 Java 源码编译为字节码之后,虚拟机便可以将字节码读取进内存,从而进行解析.运行等整个过程,这个过程我们叫:Java 虚拟机的类加载机制.JVM 虚拟机执行 class 字节 ...
javascript基础系列(入门前须知)
-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...
JavaScript基础系列---闭包及其应用
闭包(closure)是JavaScript中一个"神秘"的概念,许多人都对它难以理解,我也一直处于似懂非懂的状态,前几天深入了解了一下执行环境以及作用域链,可戳查看详情,而闭包与 ...
java代码讲解_Java基础系列-代码块详解
注:本文出自博主 Chloneda:个人博客 | 博客园 | Github | Gitee | 知乎前言 Java基础系列,尽量采用通俗易懂.循序渐进的方式,让大家真正理解Java基础知识! 代码块 ...
string substring的用法_夯实Java基础系列3：一文搞懂String常见面试题，从基础到实战...
本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial 喜欢的话麻烦点下 ...
SpringBoot基础系列-SpringCache使用
原创文章,转载请标注出处:<SpringBoot基础系列-SpringCache使用> 一.概述 SpringCache本身是一个缓存体系的抽象实现,并没有具体的缓存能力,要使用Sprin ...

基础系列（1）-- html

网页的组成

html5结构

常用标签

基础系列（1）-- html相关推荐

最新文章

热门文章