zoukankan      html  css  js  c++  java
  • html基础介绍、基础标签以及文字样式

    HTML基本介绍:
    html作为文件后缀名,就可以让文件变成网页,可以用浏览器所打开;
    实际,html是一门编程语言,叫做《超文本标记语言》;
    html的作用,就是制作网页;

    标记:html这门语言的基本组成单元 <内容>,大部分都有开始和结束的区别

    注意:把文件的后缀名改成doc 就会变成window文件,改成txt,就会变成文本文件

    格式:
    <html> --开始标记
    <head></head> --头标记,作用:用来控制网页的布局、编码、特效等内容
    <body></body> --主题标记,作用:用来呈现网页的具体内容
    </html> --结束标记

    DW简介:
    一般不用实时视图,常用代码,拆分,设计

    创建网页:
    文件新建--》空白页--》HTLM,无

    注意:<meta httpequiv="Content-Type"content="text/html;charset=utf-8"/> 是编码方式,不能删除。如果删除,中文会变成乱码

    标记的属性:<body>在body后空格就会出现body的属性
    body中的背景颜色(bgcolor)和背景图片(background)

    文本:
    基础样式,6种:加粗,倾斜,下划线,颜色,尺寸,字体
    一、加粗<b>、倾斜<i>、下划线<u>
    <b><i><u>要编辑的内容</u></i></b><br />

    二、颜色<font>,尺寸<size>,字体<face>--size只提供了七个字号
    <font face size>要编辑的内容</font>

    注意:结束标记没有属性.换行标记<br />

    <p> - 段落
    特点:默认空一行

    &nbsp; - 空格,打多少个就有多少个空格

    插入图片
    需要注意三点:
    一、插入的是哪一张图片 - 图片路径
    二、图片的尺寸,点中图片--》右键属性--》点文件夹替换--》宽度高度那有个小锁,锁住
    三、title,作用:图片加载不出来,或是把鼠标放在图片上显示出来的内容

    代码格式
    <img src="图片路径"width(宽度)="数"height(高度)="数"> --可以只设置宽度或是高度

    扩展:
    插入动态图片(gif结尾的图片):<img src="图片路径,gif结尾的图片"width>
    下载其它网页中的好看的图片:按f12--》选好图片所在的区域--》找到图片的代码--》双击打开--》打开后往下拖看到网址,打开另存为

    超级链接:
    要注意三点:
    一、文本:显示给用户看,并且可以点击的
    二、链接

    三、targer

    代码格式:
    <a href="目标的链接" target="属性">文本或是<图片></a>
    <a href="目标的链接" target="属性">文本<图片></a>

    target(目标)的属性:black在新页面打开,self在自身打开

    body的属性:
    bgcolor 页面背景色
    text 文字颜色
    topmargin 上页边距
    leftmargin 左页边距
    rightmargin 右页边距
    bottomargin 下页边距
    background 背景壁纸

    格式控制标签
    <b></b> 字体加粗
    <i></i> 倾斜
    <u></u> 下划线
    <strong></strong> 字体加粗(强调,语气加强用)
    <em></em> 字体倾斜(强调,语气加强用)
    <center></center> 居中
    <br>或<br />相当于回车
    &nbsp 表示空格

    内容容器标签
    <h1></h1>....<h6></h6> 标题(会自动换行),HTML标签是通过<h1>-<h6>等标签进行定义的
    <p></p> 段落标签(段落之间空行)
    <div></div> 层标签(默认占一行)
    <span></snpa> 层标签(方便找文字)

    <ol type=" "> --ol是有序列表,引号中可以更改序号形式
    <li>内容</li>
    <li>内容</li>
    </ol>
    “ol”改为“ul”则为无序列表

  • 相关阅读:
    hibernate一级缓存和二级缓存的区别
    springmvc中的controller是单例的
    Java 冒泡排序
    spring mvc做上传图片,文件小于10k就不生成临时文件了
    java程序生成二维码
    MySQL调优
    根据从redis缓存的数据查询出来,在从数据库中取出所有的数据,俩个数据进行比较,去掉重复,剩下库中新插入的数据,取出新数据,然后把redis中的缓存数据清空把从数据库中查出来的所有数据放到redis缓存中
    找出list中的不同元素、删除两个list中相同的对象
    PowerDesigner如何将消失的工具栏显示出来
    Oracle基础(九) Oracle的体系结构
  • 原文地址:https://www.cnblogs.com/sunshuping/p/5592129.html
Copyright © 2011-2022 走看看