首页 > 其他分享 >Html

Html

时间:2023-05-10 19:22:26浏览次数:28  
标签:标签 指定 列表 Html 属性 class 页面

IE浏览器已经废弃 测试现在使用谷歌火狐等
页面的三个要素 结构 html 样式css 交互 java script
超文本指的是超链接 从一个页面跳转到另一个页面
(所有内容都要有标签)

文档声明
1.3标签
<标签名> 内容</标签名> 带/表示结束

1.4属性
属性总是以名称/值对的形式出现。
name=“value”,也就是属性和属性值,name就是属性,双引号中的value就是属性值
有些属性可以是任意值,有些则必须是指定值。
id 属性作为标签的唯一标识,是唯一的,在同一个网页中不能出现相同的id属性值。
class属性用于标签分组,拥有相同class属性的 标签我们认为就是一组,可以出现相同的class属 性,也可以为一个元素指定多个class。
title属性用来指定标签的标题,指定title以后,鼠标移入到元素上方时,会出现提示文字。

1.5
设置页面的字符集 <meta charset="utf-8">
设置网页的描述
<meta name="description" content="本网址时做什么的">
设置网页的关键字 : 便于搜索引擎查找.
– <meta name="keywords" content="关键字">


ctrl+/ 注释快捷键
ctrl+s 保存
head 部分 用户不可见内容 给浏览器使用的
body 用户课件内容
<br>换行 单标记
<hr> 一条直线

<img> :
图片与路径 src 图片路径
alt 图片的描述

1.相对路径:相对于当前文件而言
2.绝对路径:盘符 +目录名 不推荐使用
3.网络路径(绝对路径的一种)


1.6
<a>标签是超链接标签,通过a标签,可以跳转到其他页面。


<sup>和<sub> 上标和下标
<ins>和<del> 删除线
加粗
<b>
<strong>

1.7列表
无序列表: ul li
有序列表: ol li
type: 1,a ,A,I,i
start : 指定是起始索引
自定义列表: dl dt dd

2.1表格 table
tr表示表格中的一行。
tr中可以编写一个或多个th或td。
th表示表头,th = td + 加粗。
td表示表格中的一个单元格

2.2表单控件

 input是使用的最多的表单项,它可以根据不同的type属性呈现不同的状态。
 type属性可选值:
– text:文本框
– password:密码框
– submit:提交按钮
– radio:单选按钮 checked为默认选中
– checkbox:多选框 checked为默认选中
– reset :重置按钮
– file : 上传文件
– hidden : 隐藏域
– date : 日期类型
– number : 只允许输入数字
 select : 下拉列表
option 用于创建一个下拉列表 select为默认选中
 textarea 文本域, 可以输入一段文本,也就是创建多行输入框
— 属性: cols 宽度
rows高度

 fieldset、legend
— fieldset用来为表单项进行分组。legend用于指定每组的名字。
 label 标签用来为表单项定义描述文字。

标签:标签,指定,列表,Html,属性,class,页面
From: https://www.cnblogs.com/ningbaoer/p/17389073.html

相关文章

  • html css 等比例缩放
    来自:https://blog.csdn.net/chenrui310/article/details/129365208侵删letcw=1920,ch=1080//默认letbody=document.getElementById('body')body.style.width=`${cw}px`body.style.height=`${ch}px`//对bo......
  • HTML5基础day3
    关于HTML5第三天的学习内容1.audio音频文件 运行后可在网页中展现音频文件且可以播放注意:音频元素缺失controls属性会导致页面效果丢失,变成空白2.HTML5结构元素一般的页面布局由页面头部、页面主体、页面底部构成,分别通过代码header、section、footer来实现  3.表单......
  • html5 3.0 表单
    表单的定义:多个输入框,以表格的形式展示表单常用在网页登录和注册功能中表单的元素属性:<inputtype="text"name="  ”value=" "/>type;指定当前元素的类型value:所见即所得name:提交到后端服务器的值文本框<inputtype="text"value=""/>用户在页面中输入的值明文显示;valuce="......
  • 本地图文直接复制到HTML编辑器中
    ​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。加入下面的代码://判断剪......
  • iphone 解析HTML
    几周前,由于需要从网页中提取一部分内容我们就一直在寻找一个可以在iPhone可用的简单的html解析器。我们在该贴中找到了一个名为hpple的漂亮封装。使用该库的简单步骤如下:包含并链接libxml2:展开Targets双击项目名选择所有配置搜索HeaderSearchPath加入一行并选中recursive选项:${......
  • 碎片化学习前端之HTML(webComponent)
    前言webComponent是HTML5推出的新特性,为组件化推广奠定基础。webComponent基本使用原生组件,性能较好,但存在兼容性问题。其核心技术有:Customelements,ShadowDOM,HTMLTemplates。CustomelementsJavaScriptAPI,用于定义customelements及其行为。<m-buttontype="p......
  • Java使用wkhtmltopdf实现HTML转pdf
    wkhtmltopdf设置全屏:wkhtmltopdf--disable-smart-shrinking--page-sizeA4-B0-L0-R0-T0test.htmloutput.pdf-B-T-R-L是有效果的,$snappy->setOption('margin-top','0mm');$snappy->setOption('margin-left','0mm'......
  • HTML中meta标签的那些属性
    <meta>标签是HTML中用于描述网页元信息的元素。它位于<head>部分,不会显示在页面内容中,但对于浏览器、搜索引擎等具有重要作用。主要作用有:定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等,这些信息有助于搜索引擎理解和索引网页内容。 <meta>标签的......
  • HTML 表单
    9.1表单标签-主要标签-<form>:表单容器-<input>:输入框-相关标签-<textarea>:多行文本框-<select>、<option>:下拉菜单(组合使用)-<label>:标题(辅助表单标签),用for和id属性形成映射,点击标题也可选择9.2<input>标签属性-type:控制输入框类型-值:-text-普通文本输入......
  • 学习日记——HTML入门第一课
    1.了解HTML的定义,基本结构①对于超文本标记语言的理解,是超越文本(不限制于字符,包含视频音频)用“<>”这个特殊字符来书写的语言②基本结构为<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>网页标题</title></head>......