html基本结构

作者: Simon_s | 来源:发表于2016-09-27 20:57 被阅读11次

好程序员web前端培训分享HTML基本结构和基本语法
HTML
html基本结构
html 基本结构
HTML基本结构
html基本结构
HTML 基本结构
html基本结构
HTML基本结构
HTML基本结构

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

表示一个空格，以后用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: