线上做图的网站,wordpress 注册设置密码,五屏网站建设哪家有,网站排名优化学习写在前边
##关于插件
①简体中文
②open-in-browser#xff1a;自动在浏览器生成html页面#xff1b;
③Auto Rename Tag#xff1a;自动匹配标签#xff1b;
④Live server#xff1a;实现页面的实时刷新#xff1b;
##关于快捷键#xff1a;
Ctrl / 用来注释…写在前边
##关于插件
①简体中文
②open-in-browser自动在浏览器生成html页面
③Auto Rename Tag自动匹配标签
④Live server实现页面的实时刷新
##关于快捷键
Ctrl / 用来注释一个代码段
注释性质的语言可以用 !-- 和 -- 框住
##HTML文件结构
html页面的固定结构在VS code中输入 TAB或者! 回车 就可以得到。
①!DOCTYPE html表示文档类型浏览器将按照html5来解析网页文件。
②html langen /html表示HTML的文档起止位置浏览器与搜索引擎解析将按照lang属性
声明的语言来解析。
③meta标签的charset属性用于声明网页字符集的编码方式。 meta charsetUTF-8
##HTML语法
标记是HTML文档中一些有特定意义的符号这些符号指明内容的含义或结构
元素HTML中标记和标记之间的内容组合
元素有行内元素、块状元素、行内块元素三种【利用CSS中的display属性可以相互转换】
行内元素不可设置行高、上下内外边距
块级元素独占一行可以设置宽高、内外边距
行内块元素可以设置宽高、内外边距可以与其他行内元素、内联元素共处一行
常见标记 结构标记html、head、body、section、article、aside、hgroup、header、footer、nav; 【section元素表示页面的一个内容区块比如章节、页眉页脚、或页面其他部分】 【article元素表示页面一块和上下文不相关的独立文章例如本博客文章】 【aside元素表示article元素的内容以外的】 【header元素表示页面中的一个内容区域或整个页面的标题】 【hgroup元素表示整个页面或页面中一个内容区块的标题进行组合】 【footer元素表示整个页面或页面中一个内容区块的脚注】 【nav元素表示页面中导航链接的部分】 头部标记title、meta、link、stytle 文本标记strong、em 段落及标题标记p、h1-h6、br 列表标记ul、ol、li、dl、dt、dd 超链接标记a、map、area 图像及媒体元素标记img、embed、object 表格标记table、tr、td、thead、tbody、tfoot 表单标记form、input、textarea、select、option、label 容器标记div、span video定义视频 autio定义音频 文本格式标记
常用的字符实体
空格--nbsp; 全角空格--emsp; 小于号--lt 大于号--gt “引号--quot
符号--amp
pre预格式标记
列表标记
无序列表ul 其列表项li 列表项可以是图片or文字
有序列表ol 其列表项li
自定义列表dl 列表项dt 列表项的描述dd
超链接标记【行内元素】
a标签定义超链接
href 属性 规定链接的目的地 a href跳转的目标位置文字或者图片/a 跳转的目的地有
①外部网站即a hrefhttp://www/w3school.com.cn/学习网站/a
②本网站的另外一个页面同一下有front.html和rear.html网页在front.html点击文字前端与后端跳转到rear.html即
a hrefrear.html前端与后端/a
③跳转特定位置即
article idtop.../article
pa href#top返回顶部/a/p
④虚拟超链接即
a href#学习网站/a
学习网站字样下会有下划线但是点击无跳转 超链接属性target
_self当前浏览上下文。默认_blank通常是一个新选项卡但用户可以将浏览器配置为打开新窗口。_parent当前浏览上下文的父浏览上下文。如果没有父级则行为为 _self_top最顶层的浏览上下文作为当前上下文的祖先的“最高”上下文。如果没有上级则行为为_self
超链接属性title
title属性是全局属性鼠标移在超链接上的时候显示的一段文字提示。
图像 img src图片位置文件名扩展名 alt替换文字/ //替换文字是图片无法显示的时候显示的文字 title属性是全局属性鼠标移在图像上显示的一段文字提示
align属性是对齐属性
width、height是宽和高属性
表格
表格table由标题caption、表头thead、表体tbody、表尾tfoot构成
表格按照行 tr 存储 表格单元格分为表头单元格 th 和数据单元格 td;
默认表头单元格加粗显示
border属性
表格默认无边框若显示边框可用border;
colspan属性和rowspan属性
colspan合并列横向合并
rowspan合并行纵向合并
表单 form name表单名称 methodget|post action后续处理页面 表单元素 /form method属性发送表单数据的方法取值get用于安全性要求较低传输数据较少的情况
取值post用于安全要求较高传输数据较多的情况
action属性向何处发送表单处理表单数据的后端页面
表单元素
文本框密码框 input typetext|password name名称 value内容 placeholder输入提示/ //type属性取值是“text”时为文本框取值是“password”是密码框 //value属性文本框中的文本 //placeholder属性用于显示在文本框中的输入提示 提交按钮重置按钮 input typesubmit|reset name 名称 value内部文本/ //sunmit-提交按钮reset-重置按钮 value属性按钮中的文字 单选框 复选框 input typeradio|checkbox name名称 value值 checkedchecked/ //radio-单选框 checkbox-复选框 //name一组单选框的name属性需要取值相同 //value按钮内的文字 //checked当设置为“chec ked”时该选项默认为选中状态 标签
标签 label 通常包裹 input 元素当用户在 label 元素内单击文本被包裹的表单 元素会被触发单击事件。设置 label 的 for 属性为对应单选框的 id 属性不仅可以单击单选框标识选择该选项还可以单击文字“男/女”来选择单选框
form
性别:
label forboy男input typeradio idboy namegender checkedchecked/
/label
label forgirl女input typeradio idgirl namegender/
/label
/form下拉列表
select标签用于生成下拉列表option标签用于生成列表项
form selectoption北京/optionoption selectedselected上海/option/select
/form 按钮
可以用button标签生成一个按钮其内容可以是文本或图像而 input 元素创建的按钮内容只能是文本。
buttonimg srcbaidu.png/button
文本域
textarea cols50 rows10文本域中的内容/textarea