HTML小白入坑日记~qwq

最新推荐文章于 2024-07-10 19:13:37 发布

small~鱿

最新推荐文章于 2024-07-10 19:13:37 发布

阅读量97

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/u011932188/article/details/106393800

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Web&HTML小白入坑の日记！（第三天）

（本博客参考百度百科以及其他网络，多处可能出现相似处！本人只为业余学习用途！若侵犯版权请联系本人删除！本人邮箱：kingnas@yeah.net，本人IT小白！最近发现自己有很多误区和盲区若有IT大佬可否多指点一下qwq~望见谅！）

小白入坑日记目录

今天认识一下标签吧!死记硬背的一天~

<!-- 声明网页为符合w3c标准的 HTML5 格式 有助于浏览器正确的显示网页 -->
<!DOCTYPE html>
<!-- 网页的根元素  标志着网页的开始   树根 -->
<html>
<!-- 网页的头部   包含一些文档的元(meta)数据 给浏览器看的 -->
<head>
<!-- 声明网页的编码格式,如果不声明编码,网页会乱码-->
  <meta charset="utf-8">
  <!-- 网页的标题 -->
  <title>认识标签</title>
</head>  
<!-- 网页的主体内容部分 -->
<body>
  <!-- 预设的标题标签中只有h1到h6 字体默认加粗 字体逐渐减小 -->
  <h1>1号标题标签 header1 理论上一个网页中只出现一次</h1>
  <h2>2号标题标签 header2 尽量少用</h2>
  <h3>3号标题标签 header3 可以多用</h3>
  <h4>4号标题标签 header4</h4>
  <h5>5号标题标签 header5</h5>
  <h6>6号标题标签 header6</h6>
  <h7>自定义标签</h7>
  
  <!--超链接,锚链接 <a> anchor -->
  <!--href：HyperText reference  超文本引用 -->
  <!--target：定义打开方式,怎么打开 -->
  <!--target="_self"：网页在当前窗口打开
      target="_blank"：网页在新窗口打开  
      target="_parent"：网页在父级窗口打开    
      target="_top"：网页在最高级窗口打开    
      target="name"(目标窗口的mane属性值)-->
  <!--id="???"也可以被href引用,例如:
      <p id="top">被引用<p>
      <a href="#top">引用<a> -->
  <a href="跳转.html" target="_self">跳转(_self)</a>
  
  <!--段落标签 <p> paragraph-->
  <p>段落标签 paragraph</p>
  <!--文本标签 <span>通常使用缺省的monotype字体 -->
  <span>文本标签 span</span>
  <!--大号字 <big>(HTML5中已废弃) -->
  <big>大号字 big HTML5中已废弃</big>
  <!--小号字 <small> small -->
  <small>小号字 small</small>
  <!--字体加粗 <b> bold -->
  <b>字体加粗 b bold</b>
  
  <!--字体表现为加粗 <strong> -->
  <strong>字体表现为加粗 strong 语气上表示强调</strong>
  <!--下划线 <u> underline -->
  <u>下划线 u underline</u><br/>
  <!--下划线 <ins> insert定义为插入的文本 -->
  <ins>表现为下划线 ins insert 定义为插入的文本</ins>
  <!--删除线 <del> delete -->
  <del>删除线 del delete</del>
  <!--删除线 <strike> strike -->
  <strike>表现为删除线 strike 横线(html5中已废弃)</strike>
  <!--删除线 <s> strike(不建议使用) -->
  <s>标签为删除线 s strike (不建议使用)</s>
  <!--斜体字 <i> italic -->
  <i>斜体字 i italic</i>
  <!--表现为斜体字 <em> emphasized 语气上表示强调 -->
  <em>表现为斜体字 em emphasized 语气上表示强调</em>
  <!--表现为斜体字 <var> Variable 定义文本为变量部分 -->
  <var>表现为斜体字 var Variable 定义文本为变量部分</var>
  <!--地址名 <address> address地址的英语缩写 -->
  <address>NanJing,Jiangsu 地址</address>
  <!--上标 <sup> superscript -->
  <sup>上标 sup superscript</sup>
  <!--下标 <sub> subscript -->
  <sub>下标 sub subscript</sub>
  <!--定义文本方向<bdo>bidirectional override -->
  <bdo>bidirectional override 定义文本方向</bdo>
  <bdo dir="ltr">文本(默认)从左向右 dir="ltr"</bdo>
  <bdo dir="rtl">文本从右向左 dir="rtl"</bdo>
  <!-- pre  preformatted  文本预格式化标签  原样输出-->
  <pre>
  你      好
  吗 ？
  </pre>
  <!--插入图片 <img> (一般需要键和参数定义) -->
  <!--src：source  源属性 -->
  <!--alt：alter   替换-->
  <!--title：title 提示信息 -->
  <!--width：	   图片的宽度-->
  <!--height：	   图片的高度-->
  <!--float:       对齐方式 =left/=right -->
  <img src="./图片文件.jpg" alt="图片" title="一张图片" width="100px">
  <!--<br>在文本中生成一个换行（回车）符号 -->
  <br />
  <!--<hr>表示段落级元素之间的主题转换(默认显示一条分割线)-->
  <hr />
  
  <!--列表项<li>list item-->
  <li> (list item)</li>
  <!--有序列表<ol>ordered list-->
  <ol> (ordered list)</ol>
  <!--无序列表<ul>UNordered list-->
  <ul>UNordered list</ul>
  <!--定义列表<dl>definition list -->
  <dl>definition list） 定义列表</dl>
  <!--定义标题<dt>definition title -->
  <dt>definition title 定义列表的标题</dt>
  <!--定义描述<dd>definition description -->
  <dd>definition description 描述标题</dd>
</body>
</html>

基本的标签就这些!可以实现网页基本组成的图文内容.大家可以吧这些代码在记事本或者VSCode里敲一下看看他们应该怎么分组布局!明天打算看一下表格和表单什么的!

小白入坑日记目录

small~鱿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML小白入坑日记~qwq

Web&HTML小白入坑の日记！（第三天）（本博客参考百度百科以及其他网络，多处可能出现相似处！本人只为业余学习用途！若侵犯版权请联系本人删除！本人邮箱：kingnas@yeah.net，本人IT小白！最近发现自己有很多误区和盲区若有IT大佬可否多指点一下qwq~望见谅！）今天认识一下标签吧!死记硬背的一天~...
复制链接

扫一扫