成都专业的网站建设制作公司哪家好,一元夺宝网站建设,服务器打不开网站,core wordpress常用标签
head中的标签
概述
head中的内容不显示到页面上
标签说明title定义网页的标题meta定义网页的基本信息#xff08;供搜索引擎#xff09;style定义CSS样式link链接外部CSS文件或脚本文件script定义脚本语言…常用标签
head中的标签
概述
head中的内容不显示到页面上
标签说明title定义网页的标题meta定义网页的基本信息供搜索引擎style定义CSS样式link链接外部CSS文件或脚本文件script定义脚本语言base定义页面所有链接的基础定位用得很少
title 标签 浏览器标签页的标题
meta 标签 meta 是对文档起到解释和说明的作用 meta name content /meta 是标签的名字name 和 content 是 meta 标签的属性。 不同的属性值代表不同的含义 keywords 是 name 属性的属性值代表整个页面的关键字搜索引擎会收录这些关键词。description 是 name 属性的属性值代表页面的描述性信息。 乱码问题因为浏览器查看 HTML 文档时候所使用的编码与 HTML 文档原来的编码不一致造成的。 meta charset utf-8 /body中的标签
body中的内容显示到页面上
标题h 标题标签定义文档标题 h1~h6 h1一级标题/h1
h2二级标题/h2段落p 段落标签定义了一个单独的段落自动换行两段隔行 多行 HTML 内容浏览器解析时会忽略换行 p段落1/p
p段落2/p换行br HTML 中换行回车符在代码中有效但是浏览器中无效。想在浏览器中实现换行效果需要使用br /
水平线hr 利用标签hr / 来实现水平线的效果
超链接a 超文本连接能够实现从一个页面跳转到另外一个页面也就是URL 跳转 双标签 标签中文字显示在页面中 标签内部有属性属性有属性值 href属性 使用 href 属性指定页面跳转的地址 target 属性 说明浏览器是否在新的标签页打开超链接 默认在当前页面打开 target新的页面打开 target_blank例 a hrefhttp://4399.com百度/a默认本页弹出链接页面 a hrefhttp://4399.com target_blank百度/a新页面弹出
img标签 在HTML 网页中插入图片可以利用img 标签来实现。在引入图片的时候需要指明图片的来源 img 发起的是GET 请求 使用src 属性指定图片的路径 绝对路径相对路径 图片大小 width 和heigth 指定图片的宽和高单位是像素px。当仅指定图片宽高其中一种属性的时候图片会等比例缩放。也可以用百分比的形式指定宽高宽高相对于父元素来说的 当图片获取失败时会显示 alt 中的内容 例 相对路径 url 绝对路径 图片丢失
盒模型
了解盒模型概念及其作用掌握div 和span 标签用法
概述
盒模型是HTML 中重要的一种模型所有的元素标签都可以看做是一个盒子拥有外边距边框内边距内容。
margin
border
padding
content居中相对于父元素居中是相对的概念。在父元素中设置居中属性作用于子元素。
div 标签
div 块级元素与父元素同宽。
htmlheadmeta charsetutf-8/headbodyh1引入图片/h1h1hello world/h1div style text-align: center;img src./img/bd_logo.png border0/div/body
/htmlspan 标签
span 内联元素与子元素同宽。
htmlheadmeta charsetutf-8/headbodyh1My Name is span style color:pink;background-color: aqua;GJL/span!/h1/body
/html注意
块级元素、内联元素外边距、边框、内边距、内容层级嵌套
常用标签练习
title
headtitletest/title
/headmeta 解决乱码问题 设置前 设置后 html
headmeta charsetutf8titletest/title
/head
body乱码
/body
/html标题标签
html
headmeta charsetutf8titletest/title
/head
bodyh1一级标题/h1h2二级标题/h2h3三级标题/h3h4四级标题/h4h5无级标题/h5h6六级标题/h6
/body
/htmlp
html
headmeta charsetutf8titletest/title
/head
bodyp第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段第一段/pp第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段第二段/pp第三段第三段第三段第三段第三段第三段/p
/body
/htmlbr
html
headmeta charsetutf8titletest/title
/head
body第一行br第二行br /第三行
/body
/htmlhr
html
headmeta charsetutf8titletest/title
/head
body第一行hr第二行hr /第三行
/body
/htmla
html
headmeta charsetutf8titletest/title
/head
bodya hrefhttp://www.4399.com百度/a
/body
/html点击后跳转到 herf 中的网址 img
html
headmeta charsetutf8titletest/title
/head
bodyimg srchttps://tse3-mm.cn.bing.net/th/id/OIP-C.0M2zkDUGABaYNcg0NICwrwHaHT?pidImgDetrs1 alt图片丢失
/body
/html当图片链接的图片无法访问时会显示 alt 中的内容 div
html
headmeta charsetutf8titletest/title
/head
bodydiv stylebackground-color: pink;color: blue;粉底蓝字br第二行/divdiv stylebackground-color: black;color: white;黑底白字/div
/body
/htmlspan
html
headmeta charsetutf8titletest/title
/head
bodyspan stylebackground-color: pink;color: blue;粉底蓝字br第二行/spanspan stylebackground-color: black;color: white;黑底白字/span
/body
/html
