首页 > 其他分享 >html

html

时间:2023-01-19 18:44:26浏览次数:36  
标签:name 标签 list item html lorem

html是一种超文本标记语言,告诉浏览器构造网页

html文件是一个文本文件,其后缀名.html或者.xhtml

1.基础骨架:

<!DOCTYPE html>             //文档声明,声明web浏览器用了html版本
<head>
     <meta charset="utf-8">      //声明本网页使用了utf-8字符编码
     <title>Title<title>
</head>
<body>

</body>
</html>

2.head中的tag

<meta>标签用于设置或说明网页的元数据,必须放在head里面

3.body中的tag

3.1.<h1>~<h6>为标题名字,字体由大到小

3.2.<p>是段落

3.3.<strong> </strong>中的字体加粗

3.4.<em> </em>中的字体变成斜体

3.5.<a> </a>这个tag是链接标签

      <a  href="https://google.com">lorem</a>意思是给lorem加上一个超链接https://google.com,则网页上显示lorem,一点击就跳转了这个网站,但界面是同一个界面。

      <a  href="https://google.com"target="-blank">lorem</a>点击则界面不是同一个界面

3.6.list列表

<ul>//无序列表
     <li>list  item 1</li>                 //.list item 1
     <li>list  item 2</li>                 //.list item 2
</ul>

<ol>//有序列表
<li>list item 1</li> //1.list item 1
<li>list item 2</li> //2.list item 2
</ol>

3.7.table表格

<table>
      <thead>                                   //表头标签(加粗)
           <tr>
              <th> first name</th>
              <th> last  name</th>
           </tr>   
      </thead>
      <tbody>                                   //表体标签
           <tr>
              <td>leanard</td>
              <td>chan</td>
           </tr>
      </tbody>
<table> 

运行后为: 

first name last name
leanard chan

3.8.表单form

<form>
<div>
      <label>姓名:</label>
      <input type="text"/>
</div> 

运行后为:姓名:(方框)

3.9.按钮标签

<botton>点我</botton>

显示为按钮上面有点我两字 

3.10.图片标签<img

<img
        src=图片来源网站
        alt="one piece yamato”          //alt是图片的备选文本,当图片加载不出来(没有设置高和宽)就显示文本
        width="200"                     //当width设置为200时,height如果不设置的话也为200
        height="50"

  

标签:name,标签,list,item,html,lorem
From: https://www.cnblogs.com/dawanbuchila/p/17061962.html

相关文章

  • index.html
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initial-scale=1"/><metana......
  • html css js 手写简易轮播图
    源码下载:https://github.com/pine007/source-codes/blob/main/html-css-js-手写简易轮播图.zip1、效果2、编码<!DOCTYPEhtml><html><head><metacharset="UTF-......
  • 在.net core中开发web页面,更新html代码刷新不生效的问题
    因为在.netcore之后的版本,程序都是以控制台应用程序的方式存在,所以一些老的项目升级后,会出现这样的情况,解决方法,在nuget中引入Microsoft.AspNetCore.Mvc.Razor.Run......
  • HTML 5 正在改变 Web
    最近突然想了解一下HTML5的东西,从网上搜罗了一些,发现HTML5的确非常不错。      HTML5是近十年来Web标准最巨大的飞跃。和以前的版本不同,HTML5并非仅仅用来表示......
  • HTML5绘图基础_09_绘制弧线详解
    ​​CanvasRenderingContext2D​​​​.arc()​​ 是Canvas2DAPI绘制圆弧路径的方法。圆弧路径的圆心在 (x,y) 位置,半径为 r ,根据anticlockwise (默认为顺时针)指......
  • html音乐播放器
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/aplayer/di......
  • 前端学习之html(四)
    HTML图像与框架主要介绍如何插入图像以及如何使用框架结构。框架是网页设计中很常用的技术,可以在一个浏览器中显示多个文档。插入图像图像标签在HTML中,图像由<img>......
  • 前端学习之html(三)
    html表单HTML表单是一个包含表单元素的区域,用于搜集不同类型的用户输入。表单是网页中提供的一种交互式手段操作,生活中我们很容易接触到表单,比如网上注册一个账号,或者我......
  • HTML基本标签
    标题标签<h1></h1>一级标签,二级,三级等等为<h2><h3>注释<!---->段落标签<p></p>换行标签<br/>(单标签,放在想换行文字的后面)水平线标签<hr/>字体样式标签粗体......
  • vue 如何将打包时间记录到html的head里面
    在vue.config.js文件中,对chainWebpack的配置进行设置chainWebpack(config){config.plugin('html').tap(args=>{constdate=newDate()......