• html学习第一弹の常用标签的归类


    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'>
     
     
     
  • 相关阅读:
    vue截取video视频中的某一帧
    sm加密前端解析--JS实现国密算法SM2加密
    前端js解析识别图片二维码
    如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?
    jQuery事件
    如何实现文件上传?说说你的思路
    实现JWT鉴权机制
    对中间件概念的理解,如何封装 node 中间件
    Node 文件查找的优先级以及 Require 方法的文件查找策略
    angularjs input使用ng-model双向绑定无效bug解决
  • 原文地址:https://www.cnblogs.com/saber123/p/6723406.html
Copyright © 2020-2023  润新知