营销型网站建设都具有哪些优势,seo快排软件,番禺的互联网公司,肥西县建设局网站目录
HTML
1-基础语法
单标签
双标签
整体结构
2-标题和水平线
标题
水平线
3-段落和换行
段落
换行
4-列表
无序列表
有序列表
嵌套列表
5-div和span
div
span
6-格式化标签
粗体
斜体
下划线中划线
上标和下标
7-超链接(a标签)
链接到URL
链接到本…目录
HTML
1-基础语法
单标签
双标签
整体结构
2-标题和水平线
标题
水平线
3-段落和换行
段落
换行
4-列表
无序列表
有序列表
嵌套列表
5-div和span
div
span
6-格式化标签
粗体
斜体
下划线中划线
上标和下标
7-超链接(a标签)
链接到URL
链接到本地文件
发送电子邮件
链接到页面内锚点
8-图片
9-表格
高度、宽度和边框
标题
合并单元格
HTML表格头部、主体、页脚
HTML HTML 英文全称 HyperText Mark-up Language , 中文名称是 超文本标记语言 。
1-基础语法
单标签 无属性标签名 / 有属性 标签名 属性名属性值”/
双标签 无属性标签名/标签名 有属性 标签名 属性名属性值/标签名
整体结构 html/html 表示当前是一个网页 head/head头部信息 body/body身体部分
!-- 网页 --
doctype html/
html!-- 头部区域 --headmeta charsetutf-8title基础语法-Scc/title!-- 标题 --/headbody bgcolorred textwhiteh1标题H1/h1p前端开发涉及到多种工具用于提高开发效率、优化代码、测试应用程序等。/p/body
/html2-标题和水平线
标题 HTML提供了六个级别的标题分别是h1到h6。这些元素用于定义不同级别的标题其中h1是最高级别的标题h6是最低级别的标题。
水平线 水平线元素用于在页面中创建水平分隔线即水平线。在HTML中水平线可以使用hr元素来创建。 !DOCTYPE html
htmlheadmeta charsetutf-8title标题和水平线/title/headbody bgcolorred textwhite h1标题H1/h1h2标题H2/h2h3标题H3/h3h4标题H4/h4h5标题H5/h5h6标题H6/h6hr width60% alignleft!-- 按照百分比显示(默认100%) --hr width400px alignright!-- 按照指定宽度显示 --/body
/html3-段落和换行
段落 HTML中使用p元素来定义段落。段落元素用于将文本组织成段落浏览器会自动在段落之间添加一些间距。
换行 HTML中有两种方式可以实现换行 1.br元素 用于在文本中创建换行。它是一个空的单标签。注如果使用justifyjustify对最后一行无效果 2.CSS样式 使用CSS的 white-space 属性来设置文本的换行规则。这个先不写等后面跟CSS一起
!DOCTYPE html
htmlheadmeta charsetutf-8title段落和换行/title/headbodyh2段落/h2p前端开发涉及到多种工具用于提高开发效率、优化代码、测试应用程序等。/pp前端开发涉及到多种工具用于提高开发效率、优化代码、测试应用程序等。/pbrbr前端开发涉及到多种工具用于提高开发效率、优化代码、测试应用程序等。 br前端开发涉及到多种工具用于提高开发效率、优化代码、测试应用程序等。h2段落-align/h2p 默认段落中国特色金融xxx路越走越宽广。/pp alignleft左对齐(默认)中国xxx越宽广。/pp alignright右对齐中国xxx越走越宽广。/pp aligncenter居中对齐中国xxxx越走越宽广。/pp alignjustify两端对齐中国xxxxx越走越宽广。/p/body
/html4-列表
无序列表 无序列表使用ul元素定义每个列表项使用li元素定义。通常无序列表使用圆点、方块或其他符号来表示列表项。type 属性设置列表图标 square 方块 disc 实心圆(默认) circle 空心
有序列表 有序列表使用ol元素定义同样每个列表项使用li元素定义。有序列表使用数字或字母来表示列表项的顺序。type 属性设置列表图标 1 数字序号 a 小写字母 A 大写字母 i 小写罗马字母 I 大写罗马字母 嵌套列表 列表可以嵌套在彼此之内创建多层次的结构。例如可以在无序列表中嵌套有序列表或者在有序列表中嵌套无序列表。 !DOCTYPE html
htmlheadmeta charsetutf-8title列表/title/headbodyh3无序列表/h3ulli红色/lili黄色/lili蓝色/li/ululli typesquare方块/lili typedisc实心圆(默认)/lili typecircle空心圆/li/ulh3有序列表/h3olli红色/lili黄色/lili蓝色/li/ololli type1数字/lili typea小写字母/lili typeA大写字母/lili typei小写罗马字母/lili typeI大写罗马字母/li/olh3嵌套列表/h3olli typeA颜色ulli typesquare红色/lili typesquare黄色/lili typesquare蓝色/li/ul/lili typeA城市ulli typedisc上海/lili typedisc北京/lili typedisc深圳/li/ul/lili typeA地区/li/ol/body
/html5-div和span div和span是HTML中两个常用的容器元素它们用于组织和包装其他元素以便对它们应用样式或进行其他操作。
div 块级元素可以包含段落表格等内容用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。
span span是一个内联元素没有实际意义它的存在纯粹是为了应用样式给一段内容加上span/span标记可以通过在span上定义样式来设定其内容的样式。
!DOCTYPE html
htmlheadmeta charsetutf-8titlediv和span/title/headbodyh2Div/h2divp块级元素用于定义文档中的一个区块。/pulli星期一/lili星期二/li/ul/divbrh2Span/h2pThis is span stylecolor: blue;blue text/span in a paragraph./p/body
/html6-格式化标签
粗体 b 和 strong 两个效果是一样的 p我要加粗 b粗体/b 就粗了./pp我要加粗 strong粗体/strong 就粗了./p斜体 i和 em 两个效果是一样的 下划线中划线 p我要下划线 u下划线/u ./pp我要中划线 del中划线/del ./pp我要中划线 s中划线/s ./ps和 del 效果一样。
上标和下标 p我要下标 H sub2/sub O ./pp我要上标 2 sup3/sup 2 10 ./p7-超链接(a标签) 超链接在HTML中由a标签定义。超链接可以链接到其他网页、文件、位置内的锚点或者发送电子邮件。如下
a hrefURLLink Text/a必要属性 href指定了链接的目标可以是一个URL、文件路径、或者一个锚点。 非必要属性targettarget_blank跳转至新页面。默认是在当前页面加载的。
链接到URL a hrefhttps://shuaici.blog.csdn.net/CSDN一触即发/a链接到本地文件 a href2-标题和水平线.html本地文件相对路径/abra hreffile:///Users/scc/Qianduan/4-列表.html本地文件绝对路径/a发送电子邮件 a hrefmailto:599957939qq.com发送邮件/a链接到页面内锚点 1.需要有一个带有id属性的元素 2.使用href指向这个id即可。 a hreffile:///Users/scc/Qianduan/4-列表.html idMiaodianId被瞄位置/a......a href#MiaodianId瞄点回到指定区域/a!DOCTYPE html
htmlheadmeta charsetutf-8titlea标签超链接/title/headbodyh2超链接/h2a hrefhttps://shuaici.blog.csdn.net/CSDN一触即发/abrbra href2-标题和水平线.html本地文件相对路径/abrbra hreffile:///Users/scc/Qianduan/4-列表.html本地文件绝对路径/abrbra hreffile:///Users/scc/Qianduan/4-列表.html idMiaodianId被瞄位置/abrbra hrefhttps://shuaici.blog.csdn.net/ target_blankCSDN新窗口打开/abrbra hrefmailto:599957939qq.com发送邮件/abrbrbrbr。。。。。。brbra href#MiaodianId瞄点回到指定区域/abrbr/body
/html8-图片
使用标签定义 HTML 页面中的图片。
必须属性: src 被引入的图片的地址 src常用属性: title 当鼠标悬停在图片上时显示的文字 alt 当图片加载失败时显示的文本 width 设置图片的宽度 height 设置图片的高度规定 align 如何根据文本来排列图像 img srcDownloads/ic_qq.webp alt加载失败提示!-- 本地资源加载 --img srcfile:///Users/scc/Downloads/ic_qq.webp!-- 指定宽高边框线等 --img srcfile:///Users/scc/Downloads/ic_qq.webp height200 width100 border2!-- 网络资源加载 以及提示--img srchttps://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png title百度一下你就知道br9-表格 表格由table元素定义。表格通常包含行tr、表头th、表体td等元素。例如 tabletrth姓名/thth班级/thth学号/th/trtrtd嬴政/tdtd二班/tdtd001/td/trtrtd刘邦/tdtd二班/tdtd002/td/trtrtd刘秀/tdtd三班/tdtd003/td/tr/table样式加工一下。
高度、宽度和边框 table border 1 width 400 height 150 styleborder-collapse: collapse;....../table标题 table border 1 width 400 height 150 styleborder-collapse: collapse;caption这是标题/caption....../table 合并单元格 如果相当于将两个或多个列合并为一个列将使用colspan属性 如果要合并两行或多行则将使用rowspan属性。 table border 1 width 400 height 150 styleborder-collapse: collapse;caption这是标题/captiontrth colspan 2姓名班级/thth学号/th/trtrtd嬴政/tdtd rowspan 2二班/tdtd001/td/trtrtd刘邦/tdtd002/td/trtrtd刘秀/tdtd三班/tdtd003/td/tr/tableHTML表格头部、主体、页脚 表格可以分为三个部分——头部主体和页脚类似于word文档中页面的页眉、正文、页脚。每个页面保持相同而正文是表格的主要内容持有者。 thead 创建单独的表头。 tbody 表示表格的主体。 tfoot 创建一个单独的表格脚。 注意thead和tfoot标签应出现在tbody之前。 table border 1 width 400 height 150 styleborder-collapse: collapse;caption这是标题/captiontheadtrtd colspan 3创建单独的表头/td/tr/thead tfoottrtd colspan 3创建一个单独的表格脚/td/tr/tfoot tbodytrth colspan 2姓名班级/thth学号/th/trtrtd嬴政/tdtd rowspan 2二班/tdtd001/td/trtrtd刘邦/tdtd002/td/trtrtd刘秀/tdtd三班/tdtd003/td/tr/tbody /table
