0
点赞
收藏
分享

微信扫一扫

HTML文本元素

幸甚至哉歌以咏志 2022-04-13 阅读 103
html5

文本元素

HTML5中支持的元素,可以自己查HTML5元素周期表
http://www.html5star.com/manual/html5label-meaning/

五大主元素

h:

h1~h6:表示1级标题到6级标题
h$*6>{$级标题}
其中,$表示从1开始依次计数,{}内为文本内容,*6表示生成6行

p:

段落:paragraphs
生成段落:p*3>{这是一个段落}
生成乱数假文(测试排版):p*6>lorem

span容器无语义:

某些元素显示时会独占一行(块级元素),而某些不会(行级元素),而span就不会。

pre:

预格式化文本元素
空白折叠:在源代码中的连续的空白字符(空格、换行、制表),在页面显示中只有一个空格
例外:在pre元素中的内容不会出现空白折叠
在pre元素内部出现的内容保留空格、换行和制表!!!

code代码区

实体字符

a:

超链接网站


内含 herf属性
(hyper reference引用):

  1. 通常表示跳转地址
    <a herf="https://www.bilibili.com/"></a>
  2. 跳转到不同锚点
    …id属性:全局属性,表示元素在文档中的唯一编号,千万不要重复
    <a href="#chapter2">章节1</a>
    <h2 id="chapter2">章节1</h2>
    上面id就是锚点,给段落设置锚点,在href中以#chapter2为地址跳转。
    其本质与跳转地址无异
    <a href="#"></a>
  3. 自己制作的不同页面相互跳转
    <a href="index.html"></a>
  4. 功能链接
    …点击后触发某个功能
  • 执行JS代码,javascript:
  • 发送邮件,mailto:(要求用户计算机安装有exchange)
  • 拨号,tel:(在手机端触发)

内含target属性
target有两个取值

  • _self: 在当前页面窗口打开,默认值
    含target属性
    target有两个取值
  • _self: 在当前页面窗口打开,默认值
  • _blank: 在新窗口打开
举报

相关推荐

0 条评论