首页 > 其他分享 >html+css

html+css

时间:2024-05-30 19:32:38浏览次数:17  
标签:网页 标签 html 格式 选择器 css

一.什么是html
html是超文本语言,也是标识语言
二.html特点
1.简易性
2.可拓展性
3.平台无关性
4.通用性
三.html标签
标题标签

6个等级标题 h1最大 段落标签

(1)  空格(必须手打) (2)em 标签表示斜体 (3)i 标签表示斜体 (4)br 表示换行 (5)b 标签表示加粗 (6) strong 标签表示加粗 (7)s 标签表示删除线 (8)u 标签 表示下划线 (9)font 颜色 (10)sub下标 (11)sup上标

图片标签

img src="1111.png" alt="2222" width="500" height="500">
本地路径

img src="https://wx3.sinaimg.cn/mw690/9206e864gy1h0vosbuq1wj20u01wctkm.jpg" alt="网页" width="500" height="500" >网络路径

链接标签
定义:从一个网页指向另一个网页的目的地,这个目标可以是一个网页,也可以是相同上的位置,还可以是图片,一个文件,一个应用程序等;
四种类型:

a.新连接覆盖原连接
b、新开一个窗口
c、图片连接
d、死链接
格式如下
a href="https://www.baidu.com/">百度
新连接覆盖原连接
a href="htpps://www.jd.com/" target="_blank">京东
新开一个窗口
a href="https://www.4399.com/" target="_blank">img src="1111.png"> <br图片连接
a hreflang="#">dcs
死链接

列表标签
有序列表
ol
格式如下type后面可以跟1,a,A
ol type="A">有

  • qq

  • ww

  • ee

  • rr

  • tt

  • /ol>

    无序列表
    ul
    格式如下
    type后面可以加circle(实心圆)、disc(空心圆)、square(实心方块)
    ul type="" >

    <li>ss</li>
    <li>aa</li>
    <li>dd</li>
    <li>ww</li>
    

    表格
    table
    table border="2" height="50" wedth="100" bgcolor="pink" cellspacing="5" cellpadding="10" align="center">
    tr>
    姓名
    sedking
    111


    年龄
    年龄

    tr>
    姓名
    sedking
    111


    姓名
    sedking

    ![](/i/l/?n=24&i=blog/3437265/202405/3437265-20240530085536260-1450732589.png) 合并行: rowspan=‘行数’ 合并列: colspan =“行数” 表单:

    表单标签格式:form
    action:开始网址
    method:get和post等等
    表单标签:主要用来收集用户输入信息如:登入、注册、搜索商品等
    用户名格式:text (明文)
    密码格式:password (密文)
    性别:radio 性别格式 性别是单选,单选类型是radio,注意name要加上sex
    复选框:checkbox
    文本框:textarea
    上传文件:file
    下拉选择框:select
    button:按钮
    reset:重置
    submit:提交

    css
    层叠样式
    (1)定义:css是一种用来表现html或xml等文件样式的计算机语言。
    (2)css 不仅可以静态的修饰网页,还可以配合各种动态对网页元素进行格式化;
    (3)层叠样式表有两种方法:
    第一种:在head中加上style属性

    第二种:通过外部链接的方式添加
    1.新建一个css文件
    注styel中的优先级高于head中的link

    id选择器
    在id属性值前加#

    class选择器
    在class属性值前加.

    标签选择器

    组合选择器

    伪类选择器

    字体样式和文本样式

    标签:网页,标签,html,格式,选择器,css
    From: https://www.cnblogs.com/fanshsh/p/18220971

    相关文章

    • BEM规范 电商订单模块UI设计实战-- CSS篇(一)
      BEM规范|电商订单模块UI设计实战--CSS篇(一)引言我最近专注于JavaScript的学习,暂时搁置了CSS。然而,我偶然发现了BEM(BlockElementModifier)命名规范,并且注意到我们日常使用的微信界面UI遵循了这一规范。虽然看起来有些杂乱,但这是WeUI的一部分,展示了众多组件。这让我思......
    • HTML20_web概念1
      一、web概念概述1、JavaWeb:使用Java语音开发基于互联网的项目2、软件架构:1.C/S:Client/Server客户端/服务器端 *在用户本地有一个客户端程序,在远程有一个服务器端程序 *如:QQ,迅雷... *优点: 1.用户体验好 *......
    • CSS3媒体查询与页面自适应示例
      CSS3媒体查询(MediaQueries)是CSS的一个强大功能,它允许你根据设备的特性(如视口宽度、分辨率等)来应用不同的样式。这在创建响应式网站(即能自动适应不同屏幕尺寸和设备的网站)时非常有用。以下是一个简单的CSS3媒体查询和页面自适应的示例:首先,我们假设有一个简单的HTML结构:<!DOCTY......
    • AI UI developer by ChatGPT plugin:Tailwind CSS Builder
      AI网页UI开发工程师在ChatGPT插件市场中搜索TailwindCSSBuilder,对话可以直接生成基于tailwindcss的HTML网页:生成的网页结果:生成的网页源代码:点击查看代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport&q......
    • css小知识点
      canvas知识点总结:判断画笔是否存在conntctx=canvas.getContext("2d")画矩形,方式一api画方式二路径rect(x,y,w,h)fill()//样式fillStyle("red")//实心填充strokeStyle("#ccc")//空心lineCap="butt"//线端lineWidth=10//线宽fillRect(x,y,w,h)stroke......
    • 第二十五章CSS中的技巧(导航栏、下拉列表)
      1.CSS精灵1.什么是CSS精灵英文叫法 CSSsprites,通常被解释为“CSS图像拼合”或“CSS贴图定位”;其实就是把网页中一些背景图片整合到一张图片文件中,再利用css“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position用数......
    • 第二十六章HTML与CSS书写规范
      1.HTML书写规范1.文档类型声明及编码统一为html5声明类型。编码统一为utf-8。2.页面tdkTDK是一个缩写,其中“T”表示为网页定义标题,“D”表示为网页定义描述description,“K”表示为搜索引擎定义关键词keywords。1、<title>标题:只强调重点即可,尽量把重要的关键词放在前面......
    • html--瀑布
      <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"......
    • html--龟派气功
      <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"......
    • html--全魔乱舞
      <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"......