美文网首页
HTML入门笔记1

HTML入门笔记1

作者: 我愚蠢的理想主义啊 | 来源:发表于2020-04-03 01:03 被阅读0次

    1.HTML 是谁发明的

    HTML 是网页使用的语言,定义了网页的结构和内容。浏览器访问网站,其实就是从服务器下载 HTML 代码,然后渲染出网页。

    HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。它的最大特点就是支持超链接,可以跳转到其他网页,从而构成了整个互联网。1999年,HTML 4.01 版发布,成为广泛接受的 HTML 标准。2014年,HTML 5 发布,这是目前正在使用的版本。

    2.HTML的起手式

    HTML的起手式很简单,在建立了文件后(一般文件名为index.html),在第一行输入!,等到出现提示后,按 Tab建,会出现以下页面:


    起手式.png

    3.常用的HTML章节标签

    <h1>~<h6>:表示标题标签,用于简述文章内容
    <section>:定义文档中的章节
    <article>:定义独立于内容的完整的内容块,可与section相互嵌套
    <p>:段落标签
    <header>:定义页面头部,常用于logo,页面标题,导航
    <footer>:定义章节的尾部,常用语版权声明,外部链接,备案信息等 &copy
    <aside>:与页面内容关联度较低的内容,如广告等,删除后不影响剩余内容
    <main>:定义文章中较为重要的内容
    <div>:将内容分块,容器作用
    

    4.全局属性有哪些

    class: 通过空格分隔元素类名,css可以通过类选择器,javascript可以通过dom进行操作
    contenteditable: 表示元素是否可以被用户编辑false不能被编辑,true可以编辑
    hidden: 隐藏元素
    id: 应表示唯一属性,但不能表示唯一,所以尽量少用
    style: 声明css样式,用于快速样式化
    tabindex: 可以通过键盘选取属性,-1表示不能被选,0表示最后被选,其他按照大小顺序选择
    title: 表示网页的标题,这个对于搜索引擎来说至关重要
    title: 如果是内联元素可以在鼠标放上时显示
    

    5.常用Html内容标签

    ol+li: 有序列表
    ul+li: 无序列表
    dl+dt+dd: 包含术语定义及描述的列表,主要用于词汇表和原数据(键值对),dl表示列表,dt表示术语,dd表示描述
    pre: html默认会将多个空格和换行缩进为一个,pre标签可以保留原先的空格和换行
    hr: 分割线
    br: 换行符
    a: 链接属性
    em: 语气上的强调,会倾斜
    strong: 文本语义本身的强调,会加粗
    code: 在此输入代码,可以pre标签配合使用
    quote: 引用标签不会有效果
    blockquote: 带有缩进的引用
    

    相关文章

      网友评论

          本文标题:HTML入门笔记1

          本文链接:https://www.haomeiwen.com/subject/pzdwectx.html