钢管网站模板,wordpress栏目迁移,深圳 SEO 网站建设 哪里学,wordpress头部菜单参考视频#xff1a;【狂神说Java】HTML5完整教学通俗易懂_哔哩哔哩_bilibili
一、基本结构 二、基本标签 h1#xff1a;一级标题#xff0c;通常用于页面的主标题#xff0c;字体较大且醒目。 h2#xff1a;二级标题#xff0c;用于副标题或主要章节标…参考视频【狂神说Java】HTML5完整教学通俗易懂_哔哩哔哩_bilibili
一、基本结构 二、基本标签 h1一级标题通常用于页面的主标题字体较大且醒目。 h2二级标题用于副标题或主要章节标题字体稍小于 h1。 h3三级标题可用于子章节标题以此类推还有 h4、h5、h6。 p用于定义一个段落文本会自动换行段落之间会有一定的间距。 br用于强制换行不产生新的段落。 hr/用于在页面中插入一条水平分隔线可用于分隔不同的内容区域。 b/使文本加粗用于强调。 i使文本倾斜常用于表示斜体文本如书名、外来语等。 u为文本添加下划线。 !-- 这是注释内容 -- nbsp;表示一个空格常用于在文本中添加额外的空格。 lt;表示 符号。 gt;表示 符号。 copy版权所有 三、图片标签 四、链接标签
1、href定义链接目标。 a hrefhttps://www.example.com访问 Example/a 2、target定义链接的打开方式。
_blank: 在新窗口或新标签页中打开链接。_self: 在当前窗口或标签页中打开链接默认。_parent: 在父框架中打开链接。_top: 在整个窗口中打开链接取消任何框架。 a hrefhttps://www.example.com target_blank relnoopener新窗口打开 /a 3、rel定义链接与目标页面的关系。
nofollow: 表示搜索引擎不应跟踪该链接常用于外部链接。
noopener 和 noreferrer: 防止在新标签中打开链接时的安全问题尤其是使用 target_blank 时。
noopener: 防止新的浏览上下文页面访问window.opener属性和open方法。noreferrer: 不发送referer header即不告诉目标网站你从哪里来的。noopener noreferrer: 同时使用noopener和noreferrer。 a hrefhttps://www.example.com relnoopener noreferrer安全链接/a 4、download提示浏览器下载链接目标而不是导航到该目标。
如果指定了文件名浏览器会提示下载并保存为指定文件名。 a hreffile.pdf downloadexample.pdf下载文件/a 5、title定义链接的额外信息当鼠标悬停在链接上时显示的工具提示。 a hrefhttps://www.example.com title访问 Example 网站访问 Example/a 6、id用于链接锚点通常在同一页面中跳转到某个特定位置。 !-- 链接到页面中的某个部分 -- a href#section1跳转到第1部分/a div idsection1这是第1部分/div 10、style: 直接在元素上定义CSS样式
五、列表
1、无序列表 ul liCoffee/li liMilk/li/ul 2、 有序列表 3、自定义列表
dl:标签
dt:列表名称
dd:列表内容 六、表格标签 跨行、跨列 七、音频视频 八、 网页结构
九、iframe内联标签
在一个网页里嵌套另一个网页 iframe src/ width200 height200 十、表单 1、用form创建表单 2、radio单选框 3、checkbox多选框 4、按钮 5、下拉框 6、文本域 7、文件域 8、验证 9、滑块 10、搜索框 总结input表示的文本框、按钮、单选框、多选框、文件域、验证、滑块、搜索框 十一、 表单的应用
hidden 隐藏域 readonly只读
disabled禁用
十二、表单的验证
placeholder设置文本框默认值
required设置文本框不能为空
pattern正则表达式正则表达式 – 语法 | 菜鸟教程
十二、总结