HTML初步学习：
行内元素：只占据他对应标签的边框所包含的空间，默认横向排布。
块级元素：块级元素占据其父元素（容器）的整个空间，因此创建了一个块，通常浏览器会在块级元素前后另起一行，默认竖向排布。
《《《标准头部文件的书写：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
《《《HTML标签不区分大小写，<h1>和<H1>是一样的，但建议小写，因为大部分程序员都以小写为准。
特别的注释规则：<!--注释内容-->
/////////////////////////////////////////////////////////////////////////////语义化。什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）
》网页上的文章的标题就可以用标题标签<title></title>，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中<p></p>，
》在文章中有想强调的文本，就可以使用 <em ></em>标签表示强调等等(结果会让字体变为斜体强调，对于查询是否有一定帮助待定，不清楚）。
》<strong></strong>对于中间包含内容的加黑强调。
//——<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。——//
》<p></p>段落标签，块级文字（<p>标签的默认样式，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。）
》<span></span>行内文字（没有语义的）
：作用就是为了设置单独的样式用的。
<style>
span{
color:blue;
}
</style>文字类型的设置
》<hx></h>标题标签，从1-6重要度依次递减
》<q></q>引用标签，主动给引用文字添加引号，简短文本的引用，
》<blockquote>引用文本</blockquote>长文本，对于内容的缩进
》xhtml1.0写法：（主要采用此类方法）
< br />
html4.01写法：
<br>
<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距
——————与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。
》&nbsp;空格的创建与使用，与回车类似。
》html4.01版本 <hr>
xhtml1.0版本 <hr />划分横线的使用；
》<address></address>联系地址信息需要在网页中展示出来
》<code>代码行
》<pre>大段代码的书写，会保留文本原来的格式。对于大段文本的处理，相较于<p>&nbsp，<br/>方便一点。
》<ul> <li>信息</li> <li>信息</li> ...... </ul>列表的使用；此处为无序列表。
》<ol> <li>信息</li> <li>信息</li> ...... </ol>此处为有序列表的使用。
》<div>…</div>
在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
~~~<div  id="版块名称">…</div>区块的命名与分类。
透明默认文字编辑：<input tuye="text" placeholder="提示内容"> 
表格加边框：<table border="1px">
图片右移10像素：<img src='xxxx' style='margin-left:10px'>
 
 
 

html学习第一弹の常用标签的归类的更多相关文章

  1. Office宏病毒学习第一弹--恶意的Excel 4.0宏

    Office宏病毒学习第一弹--恶意的Excel 4.0宏 前言 参考:https://outflank.nl/blog/2018/10/06/old-school-evil-excel-4-0-ma ...

  2. 2019-9-19：渗透测试，基础学习，html常用标签，笔记

    HTML常用标签<br>:换行<meta charset="utf-8">:编码标签<script type="路径">:插 ...

  3. Python3 学习第一弹：基本数据类型

    本人学习主要从<python基础教程第二版>,<dive into python3>等书籍,及一些网上大牛的博客中学习特别是Python官方文档<Python Tutor ...

  4. JavaWeb学习之JSP常用标签、EL表达式的运算符、JSTL标签库（6）

    1.JSP常用标签 * 只要支持JSP文件,常用标签有可以直接使用 * 格式: jsp:xxxx * jsp:forward ,完成jsp页面的转发 * page属性:转发的地址 <% requ ...

  5. Python学习第一弹——Python环境搭建

    一.Python简介: Python,是一种面向对象.解释型计算机程序设计语言,由Guido van Rossum于1989年底发明,第一个公开发行版发行于1991年.Python语法简洁而清晰,具有 ...

  6. bootstrap学习总结-03 常用标签1

    1 显示段落 在HTML中,段落使用p标签包起来,重要的文字使用strong标签,em标签.<em> 标签告诉浏览器把其中的文本表示为强调的内容.对于所有浏览器来说,这意味着要把这段文字用 ...

  7. css学习の第一弹—格式创建

    构成结构:选择符(又称为选择qi器){声明(属性:值):}*****注意:大括号,冒号,每个声明后的分号. 注释:/*注释内容写在这里*/ 一.css样式 css样式写的地方的不同分类:内联式.嵌入式 ...

  8. WebService学习-第一弹

    一:WebService简介(1)简介----百度百科(注意标识的重点) Web service是一个平台独立的,低耦合的,自包含的.基于可编程的web的应用程序,可使用开放的XML(标准通用标记语言 ...

  9. 【html学习整理】常用标签

    什么是html 超文本标记语言 html语法规则       所有的命令放到<> 大部分成对存在,以<tag>开始,</tag>结束 网页的基本框架,常用的标记 & ...

随机推荐

  1. springboot入门_模板

    springboot中已经不推荐使用jsp,而是推荐使用模板,如freemarker,thymeleaf等,本文记录在sprigboot中使用模板. 创建一个maven的springboot工程, f ...

  2. 高可用之KeepAlived(2)：keepalived+lvs

    */ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hl ...

  3. django-高级视图和url配置

    高级视图和url配置 一.URLconf技巧 1.流线型化函数导入 对于配置url,我们可以使用以下几种方式: (1)引入view中的函数 from firstSite.view import cur ...

  4. Yii的HTML助手

    Html 帮助类 基础 表单 样式表和脚本 超链接 图片 列表 任何一个 web 应用程序会生成很多 HTMl 超文本标记.如果超文本标记是静态的, 那么将 PHP 和 HTML 混合在一个文件里 这 ...

  5. 五子棋的斜对角方向上的规则 -- java编程（简单粗暴版）

    五子棋判断输赢规则 --- 斜对角线方向上 一.左上右下方向上 1.分析图 2.代码 /**判断左上右下方向上是否有连续五颗相同颜色的棋子 * 全部遍历法 */ int loop = 0; boole ...

  6. HDU - 4135 Co-prime 容斥定理

    题意:给定区间和n,求区间中与n互素的数的个数, . 思路:利用容斥定理求得先求得区间与n互素的数的个数,设表示区间中与n互素的数的个数, 那么区间中与n互素的数的个数等于.详细分析见求指定区间内与n ...

  7. UVA1213

    先打表,再回溯+剪枝 AC代码: #include<cstdio> #include<cstring> #include<cmath> const int maxn ...

  8. uva140

    全排列回溯剪枝. 题目数据很水.记录当前最小带宽,边回溯边计算当前序列最大的距离(也就是带宽),如果当前带宽超过了当前的最小带宽就剪枝. 注意下,数据读入时的字符串处理. AC代码 #include& ...

  9. php-fpm问题

    这个问题怎么说呢?之前遇到这个问题内心是奔溃的.因为我压根不知道是哪里出问题啦.不过,在我努力探索下,最终还是解决了问题. so请记住,坚持不一定成功,但放弃一定失败. 简单描述一下问题: 1.本地的 ...

  10. 初版python计算器

    作业: 使用正则表达式实现计算器功能. 实现: 1.实现带括号的计算 2.实现指数.加减乘除求余等功能 先看运行结果: 请输入您的计算式: 1 - 2 * ( (60-30 +(-40.0/5) * ...