美文网首页
html基本结构

html基本结构

作者: Simon_s | 来源:发表于2016-09-27 20:57 被阅读11次
    html基本结构    
    版本声明<!doctype html>
        <html>
            <head>
                <title>标题</title>
                <meta charset="utf-8"/> <!-- utf-8是国际编码,用记事本写代码另存为的时候要改编码 -->
            </head>
            <body>
            body中是网页中显示的内容
            </body>
        </html>
    

    charset="utf-8"是标签属性值

    常用标签:
    1.双标签<h1 align="center"></h1> logo,一个网页中只能出现一次,align="center"是标签属性值,align 水平对其 =center居中 =right右对齐 =left左对齐
    h标签只有6级

    2.双标签<p></p>:段落标签,没有p1

    1. 表示一个空格,以后用css控制

    大于号
    <小于号

    4.HTML注释

    5.单标签<hr color="blue" size="9px" width="500" align="left"> 在HTML5中表示标题的结束

    6.单标签

    插入图像把图片和网页放在同一个目录下的时候,图片的路径可以直接写图片名称

    只设置宽度和高度其中一个的时候,等比例缩放

    title 鼠标放在图片上的时候显示的文字

    alt (必须写)如果图片丢失的话,丢失的是哪张图片,值一般可以跟src的值一样

    border 边框

    7.双标签<i></i> 斜体字,一般嵌套在p标签里面
    8.双标签<em></em> 强调(斜体字)

    9.单标签
    换行
    10.PS快捷键
    ctrl+O 打开
    ctrl+n 新建
    ctrl+r 显示标尺
    双击抓手 最佳显示
    双击放大镜z 原图大小
    m 选区
    v 移动工具

    jpg/jpeg 有损压缩
    gif占用空间小(小图标)有损压缩
    png占用空间大 无损压缩

    双标签<strong></strong> 加粗

    三种列表标签

        无序列表(默认圆点)
            <ul type="circle"圆圈 >
            <li></li>
            <li></li>
            <li></li>
        </ul>
    circle 圆圈
    square 正方形
        有序列表(默认数字)
        <ol type="a"每行开头变成小写字母 "I"变成罗马数字 start="5" start的值只能是数字 reversed 倒序>
            <li></li>
            <li></li>
            <li></li>
        </ol>
        定义列表:左边是图片,右边是文字的时候,或者上图下文字的时候
        <dl>
            <dt>列表项</dt>
            <dd>描述项</dd>
        </dl>
    

    超链接标签
    <a href="连接的文件路径,写#表示空链接,点击后跳转到网页开头" target="_blank 在空白窗口打开 _self 在原来窗口打开">文字、图片 </a>
    链接的而文件有哪些:HTML文件、音频、视频、压缩文件、图片、word文档、Excel文档、ppt。。。
    内部链接(链接自家网站的东西)
    外部链接(链接别人网站的东西)href的值必须是完整的网址,http://www.baidu.com

    路径:

    相对路径:1.放在同一个文件夹下面的时候,![](文件名)
              2.两个文件在同一个目录的不同的文件夹里面的时候,![](..)  ../表示向上一级
              3.网页文件在跟目录,要插入的文件在根目录中文件夹里面的时候,![](文件夹的名称/文件的名称)
    
    绝对路径:
    <img src="http://../>
    <img src="file:///E|/files/.../>
    

    div:区块的意思
    span:

    相关文章

      网友评论

          本文标题:html基本结构

          本文链接:https://www.haomeiwen.com/subject/pmqhyttx.html