HTML基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/Yaphst/article/details/73302335

html是第一门网页制作语言，最简单的一门语言。hyperText Markup Language 超文本标记语言。

基本标签的讲解

<html>  --html开始标签
    <head>  -- 文件头（用户在浏览器的主体是看不到的）
    </head> 
    <body>    --文件体（用户在浏览器的主体看得到）
    </body>
</html> --html结束标签

文本标签(body里面的标签)
标题(h1~h6) align：设置位置
水平线(hr) color：线的颜色
换行(br)
标签规定粗体文本(b)
将文本以斜体显示(i)
将文本以下划线显示(u)
段落(p)(书写两段小说进行演示)
段落缩进(blockquote)(主要用于解释或者强调)
上下标(sup和sub)(一般用于公式)y=x2 H2O CaCo3
原样输出(pre)(希望网页上的东西和代码里面写的样式完全一样的时候

超链接标签
常用的属性：
href 表示链接到的地址（文件）
target 打开资源方式 _self: 当前窗口打开， _blank: 新窗口打开
协议执行资源的基本流程（超链接的原理）：
使用协议到本地计算机的注册表中查询是否有对应协议的软件（程序），有就执行，没有就不执行。

img 图像标签
常用属性：

        src :  表示图片源位置
        width: 图片宽度
        height: 图片高度
        alt: 替代文本。当图片的src属性失效时，alt属性的内容就会生效
        title: 提示文本。当鼠标放到图片上面出现。
        地图（热点区域）：map
        热点： area，设置图片上可以被点击的区域（用工具做之后进行简单分析）

表格标签
标签：
table 表格
tr 行
td 单元格
th 表头
caption 标题

    常用的属性：
        border  表格的边框
        width  宽度
        heigth 高度
        align   对齐方式。 left: 左对齐   center:居中  right：右对齐
        rowspan  行合并。把多行的单元格合并
        colspan  列合并。把多列的单元格合并

表单标签：
            <form>   就是一个表单
                <input type="text">  单行输入域
                <input type="password"/>  密码输入域
                <input type="radio"/> 单选按钮
                <input type="checkbox"/> 多选按钮
                <select/>  下拉选项
                <input type="hidden"/>   隐藏域。特点：不会显示到html页面上，但可以携带数据。 
                <input type="file"/>  文件选择器
                <textarea></textarea>  多行输入域
                <input type="submit"/>  提交按钮
                <input type="button"/> 普通按钮
                <input type="reset"/> 重置按钮

html基本标签