|
阅读：3330回复：0
前端 HTML基础知识整理
HTML
一、HTML语言（hypertext markup language)超文本标记语言 二、标签 单标签 1.单边标记只有开始标记，没有结束，单边标记通常没有内容，只是代表某个功能 2.单标标记一般情况是一个特殊的功能 3.语法格式<标签名称 属性1="属性值" 属性X="属性值"> 双边标记 1.有头有尾的出现。类似于<html><html> 2.语法格式：<标签名称 属性X="属性值" 属性XX="属性值">内容</标签> html标签编写规范 1.html标记不区分大小写，例如<Title><titlei> 2.tml标记属性可有可无，例如<title> <head> 3.双边标记的内容在标签开始和标签结束的中间。 4.双边标记的内容在标签开始和标签结束的中间。 5.标签之间可以相互嵌套，但是要注意嵌套顺序 常用标签及解析 1.<body> 作用:body当中是网页代码的主体 属性：bgcolor：网页背景色 background:网页背景图片 2.<font> 作用：修正字体显示的各种属性例如字体大小、颜色、字体格式 属性：size：调整字体大小，color：调整字体颜色，face：调整字体格式 宋体、楷体、黑体…… 3.<h1>-<h6> 作用：是标题标签 属性:align：调整标题的位置 left（左边） right （右边） center（居中） 4.<hr> 作用:在网页中画一条横线 属性: size:线的宽度，width：线的长度，color:线的颜色 5.<b> 作用：将标签内文字加粗处理 6.<i> 作用：将标签内文字斜体处理 7.<u> 作用：将标签内文字下添加下划线 8.<s> 作用：将标签内文字上添加删除线 9.<sup> 作用：上标 10.<sub> 作用：下标 11.<a> 作用：超链接 属性：href: 指定链接地址，可以是URL 12.<img> 作用：用来在网页中显示图片 属性：src="图片所在的地址" title="鼠标放在图片上显示的文字" alt="图片无法访问的时候返回的内容" width="指定图片的宽度" 注意：图片一般只指定一个宽度或者一个高度，高度宽度不同时指定。 height="指定图片高度" 13.<p> 作用：段落标签 三、HTML新增标签 <header>头部</header> <nav>导航标签</nav> <article>文档文章（帖子，新闻，博客）</article> <section>网页的内容</section> <footer>网页的底部</footer> <main>网页的主体</main> <aside>侧边栏</aside> <address>地址</address> 四、table标签 <table> <caption> </caption> <tr> <th> </th> <td> </td> </tr> </table> table 定义表格 caption 定义表格标题 tr 定义行 th 定义表格列标题 td 定义单元格 合并单元格： colspan 同行合并 rowspan 同列合并 空格：  大于>:> gt=great than 小于<:< lt=less than 引号" "：" [小橙子于2023-02-01 14:21编辑了帖子]
|
|
公众号
