首页 > 其他分享 >速成html(一)

速成html(一)

时间:2024-09-25 21:53:28浏览次数:11  
标签:网页 标签 元素 速成 html 页面 链接 图片

只有6个标签可以放到<head><head\>里面,分别是title,meta,link,style,script,base.重点掌握这两个就差不多。

title:定义页面开头,页面地址栏

meta:定义特殊信息,关键字,name:属性取值(keywords:页面关键字,description:网页描述,author:网页作者,copyright:版权信息)。

编码方式要放在最上面

这个代码意思是自动几秒跳转到哪一个网页

<p><\p>:段落,意思是一个包含内就代表一横

注释方法:<!--内容-->

不是会动的页面就是动态页面,动与静的区别是是否与服务器进行数据交互

<h1~h6>:h1最大h6最小

html控制页面结构,css控制外观

<br/>给段落换横

粗体文本:strong,b

斜体效果:i,em,cite。效果一样

上标:sup.下标:sub

中划线:s,这个要包含到字体代码里面比如:<p><s>原价:6.5</s><p>实现包含字体中间有条横线的效果。

下划线:u,这个和中划线用法一样

大号和小号字体:big,small,这个和h1~h6的用法一样,名字不一样

水平线:<\hr>,在整个网页中一条横线

div:划分一个区域(division分区)

一般标签:有开始和结束符号,可以插入其他标签和文字

自闭合标签:只有结束标签,只能直接拿来用

常用自闭合标签:meta定义网页信息,link引用外部css文件,br换行,hr水平线,img图片,input表单

元素表现形式,一般分两类,块元素block,行内元素inlink

常见块元素:h1~h6标题,p段落,div,hr水平线,ol有序,ul无序

意思是行元素会独占一横,自动挤开块元素但是容纳行元素不能容纳块元素,块元素都可以容纳,但是要根据经验,而不是死记硬背。常见的行内元素:strong粗体,em斜体,a超链接,span

在编辑文本时候想显示空格,单单在代码上空格是行不通的要用(&nbsp;),你可以叫牛逼sp,3个牛逼sp等于一个字的距离,所以你想两个空格就要打6个(&nbsp;)

这里是可以直接输入不用代码的

这里的符号要用代码来显示

如果不加type那么默认用阿拉伯数字排序

<img src="文件路径“ alt="当图片无法显示就会显示这里的文字" title="当鼠标移到到图片位置停下时就会显示这里的文字"\>

绝对路径:你电脑里面图片文件的位置,页面不会显示你的图片,知道就行

相对路径:就是图片文件的文件夹位置你可以在img src=../,加入../这个的意思是找到当前页面的副文件夹,意思找到你装图片的文件夹的位置,最后面打上图片名字

在后面加了这个target是打开方式属性的意思,

这里是点击图片,打开新的页面

这里讲的是打开外部链接,现在我讲打开自身的内部链接

首先新建一个新的项目,然后创新两个新的html,

注意看链接位置,一个是带有文件夹位置的,一个是直接写位置。

锚点链接:点击某个按钮滑动到当指定的页面

这里讲form表单

value的作用是设计文本框里的默认值,

所以呢就是在后面调用属性达到目的

密码部分是不显示输入部分的

要是想实现默认选择男的话呢

在后面加上checked="checked"就可以实现,而这个呢只能选一个选项,那么我想选择两个呢

这样的话就可以两个都可以同时选择

这个呢也可以同时选择两个,你自己仔细看一下,这里name和第一个name的区别

可以同时选中多个

这里显示是默认选中在后面加checked就行

提交按钮,先了解一下

reset重置按钮

重置文本框内输入的值,只能重置在form内的,在外面的文本框是不起作用的

下拉列表

css

这个是去除链接默认下划线效果

solid是实线的意思,可以换为dashed虚线

接下来展示图片边框

这个先知道,因为比较复杂,后面会讲

虚线红色边框

标签:网页,标签,元素,速成,html,页面,链接,图片
From: https://blog.csdn.net/2301_80042362/article/details/142495163

相关文章

  • 30天速成计划:打造坚实基础,把握AI产品经理机遇
    前言在前瞻性布局培育新质生产力进程中,人工智能、先进计算等新一代信息技术逐渐实现与千行百业的相互渗透及深度融合,以“大模型+大数据+大算力”特征为代表的大智能领域全线发展高歌猛进,集成电路、绿色能源、生命科学等科技创新领域蓬勃发展。与之对应,相应前沿技术岗位人才......
  • HTML·第二章习题
    用嵌套的列表制作“心语花店”导航栏<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>心语花店导航栏</title></head><body><h1>心语花店导航栏</h1><ul><h2>全部商品导航</h2> ......
  • 这些年没来得及学习的一些 HTML5 标签
    这些年没来得及学习的一些HTML5标签 认识并学习下还没来得及学习的一些HTML5标签<ruby> 标签HTML <ruby> 元素被用来展示东亚文字注音或字符注释。比如:<ruby>兄弟<rt>xiongdi</rt></ruby><rt> 元素包含字符的发音,字符在ruby注解中出现,它用于描述东亚字符的......
  • html链接
    1.单独使用<ahref="http://baidu.com">Baidu</a>2.与列表结合<body> <p>MovieReviews: <ul> <li><ahref="http://www.empireonline.com">Empire</a></li> <li><ahref="h......
  • HTML引用CSS
    CSS样式需要引用到HTML中才能真正有效,那么如何才能在HTML中引用CSS呢?下面就来介绍一下。1.内嵌样式表您可以在HTML头部(<head>标签内)的<style>标签中定义CSS样式,使用内嵌样式表定义的CSS样式只能在当前网页内使用,示例代码如下:<!DOCTYPEhtml><html>......
  • 一文搞懂XPath查找html dom
     博主介绍: 大家好,我是Yuperman,互联网宇宙厂经验,17年医疗健康行业的码拉松奔跑者,曾担任技术专家、架构师、研发总监负责和主导多个应用架构。技术范围: 目前专注java体系,以及golang、.Net、软件架构、DDD、微服务、redis、nginx、tomcat、mysql、oracle等业务范围: 从数字医......
  • html标记
    1.<b></b>粗体2.<i></i>斜体、3.<sup></sup>上标4.<sub></sub>下标5.换行和多个空格被视为一个空格 <p>ThemoonisdriftingawayfromEarth.</p> <p>Themoon isdriftingawayfromEarth.</p> <p&......
  • 历史名人鲁迅介绍HTML个人网页作业作品下载 历史人物介绍网页设计制作 大学生英雄人物
    ......
  • 仿QQ音乐(HTML+CSS) (1)
    ......
  • 大学生网页制作期末作业——html+css+javascript+jquery旅游官网6页 html大学生网站开
    ......