电商网站系统,wordpress生活插件,网站产品网页设计模板,花桥网站建设HTML#xff1a;超文本标记语言#xff08;Hyper Text Markup Language#xff09;#xff0c;是通过标签的形式将内容组织起来然后共享到网络之上供其他电脑访问查看。 大家可以思考一下#xff0c;怎么将自己电脑上的文件或图片共享给其他电脑#xff1f; 这时候会说通… HTML超文本标记语言Hyper Text Markup Language是通过标签的形式将内容组织起来然后共享到网络之上供其他电脑访问查看。 大家可以思考一下怎么将自己电脑上的文件或图片共享给其他电脑 这时候会说通过qq或者微信之间传过去就行了那我们回溯到1990年那个互联网刚刚开始的时代那时候还没有万维网没有网上冲浪。当你学习了HTML之后就会发现其设计的魅力和简单 目录
历史版本
文本格式化标签
计算机输出
引文, 引用, 及标签定义
常用标签汇总
布局
表单和输入
颜色
音标符
字符实体
URL编码
练习地址 历史版本
Html 1.0:1993年6月
Html 2.0:1995年11月
Html 3.2:1997年1月14日
Html 4.0:1997年12月18日
Html 4.01:1999年12月24日微小改进
Html 5:2014年10月28日各个网站都开始从Flash转向HTML5
文件的后缀名为.html或者.htm 这里要记住的是HTML都是标签开始和结束组合起来的 你想要的表现形式都可以有个标签来实现如果不行就需要组合使用
h1 class”111” id”id” title”hhh” stylefont-family:verdana;一个标题/h1
文本格式化标签 b 定义粗体文本 em 定义着重文字 i 定义斜体字 small 定义小号字 strong 定义加重语气 sub 定义下标字 sup 定义上标字 ins 定义插入字 del 定义删除字 计算机输出 code 定义计算机代码 kbd 定义键盘码常用 samp 定义计算机代码样本 var 定义变量 pre 定义预格式文本
引文, 引用, 及标签定义 abbr 定义缩写 address 定义地址 bdo 定义文字方向 blockquote 定义长的引用 q 定义短的引用语 cite 定义引用、引证 dfn 定义一个定义项目。 常用标签汇总 标签 含意 实例 p 段落 p这是一个段落。/p a 链接 a hrefhttps://xxx这是一个链接/a href指定链接目标的URL这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。target可选指定链接如何在浏览器中打开。常见的值包括 _blank在新标签或窗口中打开链接、 _self在当前标签或窗口中打开链接_parent父框架集中打开、_top整个窗口中打开、framename指定框架中打开。title可选提供链接的额外信息通常在鼠标悬停在链接上时显示为工具提示。rel可选指定与链接目标的关系如 nofollow、noopener 等。id(可以快速定位导航) img 图像 img src/images/logo.png width258 height39 alt”名字” / br 换行 h1 - h6 标题 h1这是一个标题。/h1 hr 水平线 !-- -- !-- 这是一个注释 -- head 头 可以添加在头部区域的元素标签为: title标题, style样式, meta描述、关键字、作者、字符集, link relstylesheet typetext/css hrefmystyle.css 样式表, script脚本style样式表, noscript 和 base href所有链接标签的默认链接 table 表格 trtr 是 table row 的缩写表示表格的一行。tdtd 是 table data 的缩写表示表格的数据单元格。thth 是 table header的缩写表示表格的表头单元格。 th colspan2跨两列/thth rowspan2跨两行/th ol:有序 ul:无序 li:列表项 dl:定义列表 dt自定义项 dd描述 列表 ul liCoffee/li liMilk/li /ul div 区块块级 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时会换行 h1, p, ul, table 内联元素不换行b, td, a, img span 区块内联 iframe 框架 用于内嵌页面 iframe srcxx.html width200 height200 frameborder0/iframe
meta
meta标签描述了一些基本的元数据。
meta 标签提供了元数据.元数据也不显示在页面上但会被浏览器解析。
META 元素通常用于指定网页的描述关键词文件的最后修改时间作者和其他元数据。
元数据可以使用于浏览器如何显示内容或重新加载页面搜索引擎关键词或其他Web服务。
meta 一般放置于 head 区域
为搜索引擎定义关键词:
meta namekeywords contentHTML, CSS, XML, XHTML, JavaScript
为网页定义描述内容:
meta namedescription content免费 Web 编程 教程
定义网页作者:
meta nameauthor contentRunoob
每30秒钟刷新当前页面:
meta http-equivrefresh content30 布局
HTML 布局 | 菜鸟教程 (runoob.com)https://www.runoob.com/html/html-layouts.html 表单和输入 form 定义供用户输入的表单action提交的urlmethod有get、post form action/ methodpost input 定义输入域 input typetext idname namename valuehhh required type有text、password、radio、checkbox、submit、button textarea 定义文本域 (一个多行的输入控件): textarea rows10 cols30 label 定义了 input 元素的标签一般为输入标题 label forname用户名:/label fieldset 定义了一组相关的表单元素并使用外框包含起来 legend 定义了 fieldset 元素的标题 select 定义了下拉选项列表 select namecars option valuevolvoVolvo/option option valuesaabSaab/option /select optgroup 定义选项组 option 定义下拉列表中的选项 button 定义一个点击按钮button typebutton disabled 点我!/button type有button、reset、submit。 datalistH5 指定一个预先定义的输入控件选项列表 keygenH5 定义了表单的密钥对生成器字段 outputH5 定义一个计算结果 颜色
红色、绿色和蓝色的值组成RGB、最小值0十六进制#00、最大值255十六进制#FF 颜色(Color) 颜色名 颜色十六进制(Color HEX) 颜色RGB(Color RGB) Black #000000 rgb(0,0,0) Red #FF0000 rgb(255,0,0) Lime #00FF00 rgb(0,255,0) Green #008000 Blue #0000FF rgb(0,0,255) Yellow #FFFF00 rgb(255,255,0) Aqua #00FFFF rgb(0,255,255) Pink #FFC0CB Fuchsia #FF00FF rgb(255,0,255) Silver #C0C0C0 rgb(192,192,192) Gray #808080 White #FFFFFF rgb(255,255,255)
HTML 颜色名 | 菜鸟教程 (runoob.com)https://www.runoob.com/html/html-colornames.html 音标符
音标符 字符 Construct 输出结果̀ a a#768; à́ a a#769; á
̂ a a#770; ẫ a a#771; ã̀ O O#768; Ò́ O O#769; Ó
̂ O O#770; Ỗ O O#771; Õ 字符实体
显示结果 描述 实体名称 实体编号空格 nbsp; #160;小于号 lt; #60;大于号 gt; #62;和号 amp; #38;引号 quot; #34;撇号 apos; (IE不支持) #39;分 cent; #162;
£ 镑 pound; #163;
¥ 人民币/日元 yen; #165;
€ 欧元 euro; #8364;
§ 小节 sect; #167;
© 版权 copy; #169;
® 注册商标 reg; #174;
™ 商标 trade; #8482;
× 乘号 times; #215;
÷ 除号 divide; #247; URL编码
HTML URL 编码参考手册 | 菜鸟教程 (runoob.com)https://www.runoob.com/tags/html-urlencode.html
练习地址
以上都是通过学习“菜鸟教程”里面的知识总结出来的在这里感谢菜鸟教程的分享总结
希望大家可以去菜鸟教程去实际敲一下哟~
